運行的操作，而jQuery的.animate（）

Question

我這一小段代碼，使瀏覽器滾動到頂部：

$('html, body').animate({scrollTop: 0}, 500, "easeOutQuart"); 

我想禁用用戶在此代碼運行滾動，並使其當動畫結束時再次。你會怎麼做？什麼是最好的方式來做到這一點？

Answer 1

禁用它之前只是動畫調用，並在animate回調選項來啓用它：

//Disable here 

$('html, body').animate({scrollTop: 0}, 500, "easeOutQuart", function() { 
    //enable here 
}); 

Answer 2

您可以隱藏滾動條了一會兒，然後再次啓用

var htmlBody = $('html, body'); 
htmlBody.css("overflow","hidden") 
     .animate({ 
      scrollTop: 0 
      }, 500, "easeOutQuart",function(){ 
       htmlBody.css("overflow","auto"); 
      }); 

檢查FIDDLE