Я хочу анимировать страницу, постепенно прокручивать в разных разделах страницы, когда пользователь прокручивает. Итак, я написал этот код: < /p>
var $window = $(window);
var sectionHeight = $window.height();
var animating = false;
var dir;
// initialize page position (0)
var pagePos = $(window).scrollTop();
$(window).scroll(function() {
// current page position
var st = $(this).scrollTop();
// whether to animate up or down
dir = ((st > pagePos) ? '+=' : '-=');
// animate
if (animating == false) {
animating = true;
$('html, body').stop().animate({scrollTop: dir+sectionHeight},500, function() {
pagePos = $(window).scrollTop();
animating = false;
});
}
});
< /code>
Проблема в том, что я получаю анимацию в цепей после своей первоначальной анимации, которая анимирует страницу обратно в верхнюю часть. Я не уверен, почему, потому что это не должно оживить, если «анимирование» не установлено на ложь. Он возвращается к False только тогда, когда анимация завершена ... верно?
Подробнее здесь: https://stackoverflow.com/questions/111 ... er-scrolls
