Функция когда страница скроллена вниз

На просторах интернета в последнее время очень часто встречается вопросы связанные с скроллем, то есть спрашивают как определит что страница скроллена вниз. Поэтому решил такую маленькую статейку написать это скорее всего будет как справочник.
Для чего может пригодиться:
- Появление кнопки наверх когда страница находиться в конце
- Появление плавающих блоков при скролле
- Фиксировать верхнее меню при скролле вниз
Чтобы определить что страница скроллена до самого низа есть такой маленький скрипт:
window.onscroll = function () { var clientHeight = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight; var documentHeight = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight; var scrollTop = window.pageYOffset ? window.pageYOffset : (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); if((documentHeight - clientHeight) <= scrollTop) { alert('Вы находитесь внизу');//тут ваша функция } }
тонкости скрипта не буду объяснять так как это и не нужно, просто копируете код и все, и вместо alert пищите свою функцию.
Свежие комментарии