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

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

На просторах интернета в последнее время очень часто встречается вопросы связанные с скроллем, то есть спрашивают как определит что страница скроллена вниз. Поэтому решил такую маленькую статейку написать это скорее всего будет как справочник.

Для чего может пригодиться:

  • Появление кнопки наверх когда страница находиться в конце
  • Появление плавающих блоков при скролле
  • Фиксировать верхнее меню при скролле вниз

Чтобы определить что страница скроллена до самого низа есть такой маленький скрипт:

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 пищите свою функцию.

Читайте также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.