Элемент.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

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

Спецификация Статус Комментарий
CSS Object Model (CSSOM) View Module
Определение 'scrollTop' в этой спецификации.
Рабочий черновик

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
scrollTopChrome Полная поддержка 43Edge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка 6WebView Android Полная поддержка ДаChrome Android Полная поддержка 43Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

Ссылки