滾動動畫觸發完成處理程序兩次

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');
              });