javascript - 动画 scrollTop 触发滚动事件

Question

我有一些代码可以监听页面的滚动，它负责两件事，当“页面”发生变化时执行必要的操作(有效)，同时将 scrollTop 动画化到最近的“页面”但是在这样做会触发滚动事件，因此它会按顺序爬行所有“页面”，直到到达文档末尾。

如何阻止 animate scrollTop 触发滚动事件？有可能吗？

“页面” 因为这是一个 iPad html 页面，每个 1024x768 View 都是一个“页面”

Answer 1

您可以在这篇文章中找到答案:https://stackoverflow.com/a/1659231/237838

You could make write your own code to set the animation value, and set a flag indicating that the change comes from an animation.

For example: (Untested)

var scrollAnimating = false
jQuery.fx.step.scrollTop = function(E) {
    scrollAnimating = true;
    E.elem.scrollTop = E.now;
    scrollAnimating = false;
};

$('#gototop').click(function() {
    $('body').animate({scrollTop:0},3000);
    $(window).scroll(function () {
        if (!scrollAnimating)
            $('body').stop();
    });
    return false;
})