Запустить ❯
❯
Запустить код
Ctrl+Alt+R
Изменение ориентации
Ctrl+Alt+O
Изменить тему
Ctrl+Alt+D
Перейти в раздел «Облако»
Ctrl+Alt+P
<!DOCTYPE html> <html> <style> .test { background-color: yellow; } </style> <body style="font-size:20px;height:1500px"> <h1>Событие onscroll</h1> <p>Прокрутите вниз эту страницу</p> <p id="myP" style="position:fixed">Когда вы прокрутили 50 пикселей от верхней части этой страницы, добавьте класс "test" (желтый цвет фона) в этот параграф. Прокрутите страницу вверх еще раз, чтобы удалить класс.</p> <script> window.onscroll = function() {myFunction()}; function myFunction() { if (document.documentElement.scrollTop > 50) { document.getElementById("myP").className = "test"; } else { document.getElementById("myP").className = ""; } } </script> </body> </html>
×
Сообщить об ошибке:
Ваш E-mail:
Адрес страницы:
Описание:
Отправить
