пример
Выполнение JavaScript при <div> элемента в настоящее время прокручивается:
<div onscroll="myFunction()"> Попробуй сам " Определение и использование
OnScroll событие происходит, когда полоса прокрутки элемента давал в настоящее время прокручивается.
Подсказка: используйте CSS Переполнение свойство стиля для создания полосы прокрутки для элемента.
Поддержка браузеров
| Мероприятие | |||||
|---|---|---|---|---|---|
| onscroll | да | да | да | да | да |
Синтаксис
В HTML:
В JavaScript:
object .onscroll=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("scroll", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | нет |
|---|---|
| аннулированию: | нет |
| Тип события: | UIEvent |
| Поддерживаемые HTML-теги: | <адрес>, <BLOCKQUOTE>, <тело>, <заголовок>, <центр>, <дд>, <каталог>, <DIV>, <DL>, <дт>, <FIELDSET>, <форма>, <h1> до <h6>, <HTML>, <литий>, <меню>, <объект>, <ол>, <р>, <предварительно>, <выберите>, <TBODY>, <текстовое поле>, <TFOOT>, <THEAD>, <ul> |
| DOM Версия: | Уровень 2 События |
Еще примеры
пример
Переключение между именами классов на разных позициях прокрутки - Когда пользователь прокручивает вниз 50 пикселей от верхней части страницы, имя класса "test" будет добавлен к элементу (and removed when scrolled up again) .
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("myP").className = "test";
}
else {
document.getElementById("myP").className
= "";
}
}
Попробуй сам " пример
Вставьте в элемент , когда пользователь прокрутил вниз 350 пикселей от верхней части страницы (add the slideUp class) :
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop > 350 || document.documentElement.scrollTop >
350) {
document.getElementById("myImg").className = "slideUp";
}
Попробуй сам " <Объект Event