Генератор CSS-свойства «border-radius»   •   Online-инструменты
1 702 просм
0 комм
Поделиться:

Как выполнить функцию при скролле страницы или блока на jQuery?

Представим, что на вашем сайте есть некий элемент, который нужно изменить сразу, как только пользователь прокрутил страницу.

Реализовать это можно на jQuery, а именно – с помощью обработчика «scroll»:

$(window).scroll(function() {

	// Действие, если выполнен скролл

});

Здесь «window» означает, что действие нужно выполнить, если произведена прокрутка самой страницы.

Если эту часть вы замените на нужный вам идентификатор, например, «'.block'», то функция будет выполняться уже в случае, когда прокручен контент указанного блока.

Помимо этого можно добавить проверку, и если страница прокручена немного вниз, то сделать одно действие, а если страница находится на самом верху – другое действие:

$(window).scroll(function() {

	var target = $(this).scrollTop();

	if(target == 0) {

		// Действие, если страница в самом верху

	} else {

		// Действие, если страница прокручена вниз

	}

});

Соответственно «window», если это необходимо, вы меняете на нужный вам идентификатор.

0
комментариев
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.