JS
Изменить размер текста прокруткой
Пример кода
<html>
<head>
<style>
.fs {font-size: 46px;}
</style>
</head>
<body style="height:800px">
<p>Метод "Изменить размер текста прокруткой".</p>
<p id="myP" style="position:fixed">Прокрутите вниз, добавится стиль параграфа ".fs" (font-size: 46px;). Прокрутите вверх, чтобы удалить стиль.</p>
<script>
window.onscroll = function() {myFunction()}; /*при прокрутке окна присвоить функцию майФанкшн*/
function myFunction() {
if (document.body.scrollTop > 10
/* если - аргумент: тело документа прокучивается сверху больше чем на 10 пикселей*/
|| document.documentElement.scrollTop > 10 )
/*|| или создан в документе Элемент документа с прокруткой сверху больше чем на 10 пикселей*/
{ document.getElementById("myP").className = "fs"; } /*оператор: в документе получить Элемент с АйДи значением мой параграф методом имяКласса присвоить значение "fs"*/
else { document.getElementById("myP").className = ""; } } /* ещё - оператор: в документе получить Элемент с АйДи мой парагрф методом имяКласса присвоить пустое значение*/
</script>
</body>
</html>
Вывод на экран
Браузер выведет результат работы скрипта - страницу с текстом :"Метод "Изменить размер текста прокруткой". Прокрутите вниз, добавится стиль параграфа ".fs" (font-size: 46px;) текст увеличится до 46px. Прокрутите вверх, текст уменьшится.
Остались вопросы? Нужна помощь? Напишите администратору сайта.