Свойство scrollLeft
Пример
Получить количество пикселей, на которые содержимое элемента <div> прокручивается по горизонтали и вертикали:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство scrollLeft задает или возвращает количество пикселей, на которые содержимое элемента прокручивается по горизонтали.
Совет: Используйте свойство scrollTop для установки или возврата количества пикселей, на которые содержимое элемента прокручивается по вертикали.
Совет: Чтобы добавить полосы прокрутки к элементу, используйте CSS свойство overflow.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
scrollLeft | Да | Да | Да | Да | Да |
Синтаксис
Возвращает свойство scrollLeft:
element.scrollLeft
Устанавливает свойство scrollLeft:
element.scrollLeft = pixels
Свойство значений
Значение | Описание |
---|---|
pixels |
Задает количество пикселей, на которые содержимое элементов прокручивается по горизонтали. Особые примечания:
|
Технические детали
Вернёт значение | Число, представляющее количество пикселей, на которые содержимое элемента было прокручено по горизонтали |
---|
Ещё примеры
Пример
Прокрутить содержимое элемента <div> ДО 50 пикселей по горизонтали и 10 пикселей по вертикали:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Попробуйте сами »
Пример
Прокрутить содержимое элемента <div> НА 50 пикселей по горизонтали и 10 пикселей по вертикали:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Попробуйте сами »
Пример
Прокрутить содержимое <body> на 30 пикселей по горизонтали и 10 пикселей по вертикали:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE и Opera помещает переполнение на уровень <html>, если не указано иное. Поэтому используем свойство
documentElement для этих браузеров
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
Попробуйте сами »