Свойство HTML DOM scrollLeft
Пример
Получите количество пикселей, на которое содержимое элемента <div> прокручивается по горизонтали и вертикали:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство scrollLeft задает или возвращает количество пикселей, на которое содержимое элемента прокручивается по горизонтали.
Совет. Используйте свойство scrollTop , чтобы задать или вернуть количество пикселей, на которое содержимое элемента прокручивается по вертикали.
Совет. Чтобы добавить полосы прокрутки к элементу, используйте свойство переполнения CSS.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство scrollLeft:
element.scrollLeft
Установите свойство scrollLeft:
element.scrollLeft = pixels
Значения свойств
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Технические детали
Возвращаемое значение: | Число, представляющее количество пикселей, на которое содержимое элемента было прокручено по горизонтали. |
---|
Дополнительные примеры
Пример
Прокрутите содержимое элемента <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 and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;