Элемент.scrollTop

Свойство scrollTop считывает или устанавливает количество пикселей, прокрученных от верха элемента. scrollTop измеряет дистанцию от верха элемента до верхней точки видимого контента. Когда контент элемента не создаёт вертикальную прокрутку, его scrollTop равно 0.

Синтаксис

//Получаем количество прокрученных пикселей
var  intElemScrollTop = someElement.scrollTop;

_После выполнения этого кода, _intElemScrollTop - целое число пикселей, на которое контент element был прокручен от верха.

// Устанавливаем количество прокрученных пикселей
element.scrollTop = intValue;

scrollTop может быть любым целым числом, с определёнными оговорками:

  • Если элемент не может быть прокручен (т.е. у него нет переполнения или если элемент не прокручиваем), scrollTop устанавливается в 0.
  • Если значение меньше 0, scrollTop устанавливается в 0.
  • Если установлено значение больше, чем максимум прокручиваемого контента, scrollTop устанавливается в максимум.

Пример

padding-top

Бла-бла-бла, бла-бла-бла.Бла-бла-бла, бла-бла-бла.Бла-бла-бла, бла-бла-бла.

Кот Василий ел картошку.Бла-бла-бла, бла-бла-бла.Бла-бла-бла, бла-бла-бла.

padding-bottom

Left Top Right Bottom margin-top margin-bottom border-top border-bottom

Image:scrollTop.png

Спецификации

Specification
CSSOM View Module
# dom-element-scrolltop

Совместимость с браузерами

BCD tables only load in the browser

Ссылки