Так что я пытаюсь сделать, это изменение фиксированного фонового изображения 4 раза (один прокрутка - смена одного изображения), и после того, как четвертое изображение вверх, div с изображениями становится «относительным», поэтому Я могу прокрутить вниз до остальной части контента на веб-сайте (также, когда я прокручиваю вверх, изображения снова фиксируются и меняются в обратном порядке). я решил использовать этот код, но я не знаю, как заставить его работать на мои 5 свиткиПрокрутить вниз событие 5 раз
var lastScrollTop = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
$("#backroundimage").addClass("backgroundimage1"); //down scroll code
} else {
$("#backroundimage").removeClass("backgroundimage1"); //up scroll code
}
lastScrollTop = st;
});
Хороший пример functionbility я пытаюсь достичь http://airnauts.com/, ведь прокрутки верхняя область выполнена, веб-сайт прокручивается до остальной части контента и наоборот при прокрутке вверх.
, это почти то, что я хотел, но когда я прокручиваю назад, изображение не появляется. Вот сайт, с которым я борюсь с http://prntscr.com/975xta. Верхнее изображение грузовика - это тот, который я хочу изменить, прокручивая вниз, 4 разных угла наклона грузовика, и после этого я прокручу дальше до остальной части содержимого на веб-сайте (и когда я вернусь наверх, изображения должны быть возвращены там). Извините, что я не могу получить его сам, но я довольно новичок в javascript, поэтому у меня есть некоторые проблемы с правильной логикой. Спасибо заранее, Денис. –
@DeneaNovac Я забыл обновить значение lastScrollTop, так что «numberofscroll» работает правильно. Я обновил ответ с помощью нового jsfiddle. – jolmos
Большое спасибо, ты закончил мою боль :) –