Как выполнить функцию при скролле страницы или блока на jQuery?
5 окт4 комм
Представим, что на вашем сайте есть некий элемент, который нужно изменить сразу, как только пользователь прокрутил страницу.
Реализовать это можно на jQuery, а именно – с помощью обработчика «scroll»:
$(window).scroll(function() {
// Действие, если выполнен скролл
});
Здесь «window» означает, что действие нужно выполнить, если произведена прокрутка самой страницы.
Если эту часть вы замените на нужный вам идентификатор, например, «'.block'», то функция будет выполняться уже в случае, когда прокручен контент указанного блока.
Помимо этого можно добавить проверку, и если страница прокручена немного вниз, то сделать одно действие, а если страница находится на самом верху – другое действие:
$(window).scroll(function() {
var target = $(this).scrollTop();
if(target == 0) {
// Действие, если страница в самом верху
} else {
// Действие, если страница прокручена вниз
}
});
Соответственно «window», если это необходимо, вы меняете на нужный вам идентификатор.