Супербыстрый хостинг на SSD от 165р в месяц   •   Реклама
4 314 просм
2 комм
Поделиться:

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

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

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

$(window).scroll(function() {

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

});

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

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

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

$(window).scroll(function() {

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

	if(target == 0) {

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

	} else {

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

	}

});

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

2
комментария
Гостям запрещено участвовать в обсуждениях сайта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Администратор  |  724

Maxim Lensky, Здравствуйте!

Не совсем понял вопрос. В предложенной верстке уже прокручиваются оба блока одновременно.

25.04 в 12:43
  • 0
Пользователь  |  1

Здравствуйте ! А как синхронизировать скроллы зразу двух блоков ? К примеру на этой https://codepen.io/topicstarter/pen/ROqgad вёрстке - как можно сделать что бы при прокрутке левого блока скролился и правый ?

25.04 в 05:36
  • 0
Подняться наверх
«Pandoge» - помощник веб-мастера