English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Атрибут scrollTop HTML DOM

Объект элемента HTML DOM

scrollTopАтрибут устанавливает или возвращает количество пикселей вертикального скроллинга содержимого элемента.

Значение scrollTop элемента измеряет расстояние от верха элемента до его верхнего видимого содержимого. Если содержимое элемента не генерирует вертикальную полосу прокрутки, то значение scrollTop равно 0.

ИспользованиеscrollLeftАтрибут устанавливает или возвращает количество пикселей горизонтального (по горизонтали) скроллинга содержимого элемента.

Грамматика:

Вернуть атрибут scrollTop:

element.scrollTop

Установить атрибут scrollTop:

element.scrollTop = pixels
var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;
Проверить‹/›

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

Все браузеры полностью поддерживают атрибут scrollTop:

Свойство
scrollTopДаДаДаДаДа

Значение свойства

ЗначениеОписание
pixelsУказать количество пикселей, на которое содержимое элемента должно быть перетащено вертикально

Технические детали

Возврат значения:Число, представляющее количество пикселей, на которое содержимое элемента было перетащено вертикально
Версия DOM:Модели的对象 CSS (CSSOM)

Более примеров

Вертикальное скольжение содержимого DIV на 50px:

document.getElementById('container').scrollTop += 50;
Проверить‹/›

Вертикальное скольжение содержимого BODY на 100 пикселей:

var body = document.body; // Для Safari
var html = document.documentElement; // Chrome, Firefox, IE и Opera
   
body.scrollTop += 100;
html.scrollTop += 100;
Проверить‹/›

См. также

Референс HTML DOM:Свойство scrollLeft

Объект элемента HTML DOM