javascript - 粘性/快速滚动不会向上滚动

Question

我有一个脚本，允许在向下移动时快速滚动，但我无法让它允许用户向上滚动。

var items = $(".item");
var animating = false;

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    if (!animating) {
        $.data(this, 'scrollTimer', setTimeout(function() {
            items.each(function(key, value) {
                if ($(value).offset().top > $(window).scrollTop()) {
                    animating = true;
                    $('body').animate( { scrollTop: $(value).offset().top + 'px' }, 1000);
                    setTimeout(function() { animating = false; }, 500);
                    return false;
                }
            });
        }, 50));
    }
});

http://jsfiddle.net/kZY9R/77/

Answer 1

你必须做

var body = $("html, body");

和

$(body).stop().animate( { scrollTop: $(value).offset().top)}, 1000,'swing');

Chrome 读取 body 并滚动，Firefox 需要 html 才能完成

Check Working Fiddle