滚动动画触发完成处理程序两次

Question

这个滚动动画触发整个处理程序两次..

$('html,body').stop().animate({
    scrollTop : 100
}, {
    duration : 600,
    complete : function(){
        console.log('scroll complete');
    }
});

如果在选择器中删除html或body ，则滚动动画会松开其跨浏览器支持...

Answer 1

动画在两个元素上触发，触发两个元素的完整处理程序。

您可以使用承诺来避免它

$('html,body').stop()
              .animate({scrollTop : 100}, 600)
              .promise()
              .done(function() {
                  console.log('scroll complete');
              });