使用 jquery 在 $(window).scroll 上执行 scrollTop 动画

Question

每次在页面中滚动时，我都会尝试移动一次幻灯片。但是滚动事件不会停止并重复该事件。如何制作动画以移动到下一个幻灯片颜色，其中滚动顶部在 $(window).scroll 内每次只有一次？见我的Fiddle

这是一段不起作用的代码:(

$('html, body').animate({
    scrollTop: ($(next).offset().top)
},500);

我的目标是http://www.sincedilla.com/

Answer 1

这可能是您需要的。 在动画完成之前要阻止滚动事件， 动画文档http://api.jquery.com/animate/ 阅读回调部分

$(this).bind('mousewheel', function (e) {
    if (!animating) {
        animating = true;
        if (e.originalEvent.wheelDelta < 0) {
            next = $(first).next();
            first = $(next);
            // scroll down
            $("html, body").animate({
                scrollTop: ($(next).offset().top)
            }, 900, function(){
                animating = false;
            });
        } else {
            first = $(next).prev();
            next = $(first);
            // scroll up
            $("html, body").animate({
                scrollTop: ($(first).offset().top)
            }, 900,function(){
                animating = false;
            });
        }
    }
    return false;
});

工作小提琴http://jsfiddle.net/fdbh0no8/