body.scrollTop在嚴格模式下不推薦使用。如果處於嚴格模式，請使用'documentElement.scrollTop'，只有在quirks模式下才能使用'body.scrollTop'。

Question

我收到錯誤：

body.scrollTop在嚴格模式下不推薦使用。如果處於嚴格模式，請使用'documentElement.scrollTop'，只有在quirks模式下才能使用'body.scrollTop'。

我的代碼是：

$(document).ready(function(){ 

    //Animates Scrolling to anchor 
    function scrollToAnchor(aid){ 
     var divTag = $("div[name='"+ aid +"']"); 
     $('html,body').animate({scrollTop: divTag.offset().top},'slow'); 
    } 

    //If Checking out as guest, scroll to Shipping Information 
    $("#ReadDescription").click(function() { 
     scrollToAnchor('longdescreadmore'); 
    }); 

}); 

如何編輯我的代碼使用這個documentElement.ScrollTop？

Answer 1

Dagg Nabbit提供瞭解決方案。如果你想避免在Chrome中棄用警告更改

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

到

$('html').animate({scrollTop: divTag.offset().top},'slow'); 

。 （Why is body.scrollTop deprecated?）

它的工作原理，因爲documentElement是html節點：

$('html')[0] === document.documentElement //-> true 
$('body')[0] === document.body   //-> true 

但你的代碼（有警告雖然）現在的工作，它會繼續工作時，Chrome瀏覽器中刪除「古怪」的行爲。你不應該改變你的代碼，如果你想繼續支持使用body.scrollTop代表標準模式下的滾動視口（我認爲舊的Chrome和Safari）的瀏覽器。