body.scrollTop ist im strikten Modus veraltet. Verwenden Sie 'documentElement.scrollTop' im strikten Modus und 'body.scrollTop' nur im quirks-Modus.

Question

Ich erhalte den Fehler:

body.scrollTop ist im strikten Modus veraltet. Verwenden Sie 'documentElement.scrollTop' im strikten Modus und 'body.scrollTop' nur im quirks-Modus.

Mein Code ist:

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

}); 

Wie kann ich meinen Code bearbeiten documentElement.ScrollTop zu benutzen?

Answer 1

Dagg Nabbit gab die Lösung. Ändern

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

zu

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

, wenn Sie die deprecation Warnung in Chrome vermeiden wollen. (Why is body.scrollTop deprecated?)

Es funktioniert, weil documentElement sind die html Knoten:

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

Aber Ihr Code arbeitet jetzt (wenn auch mit einer Warnung), und es wird weiter arbeiten, wenn Chrome das „quirky“ Verhalten entfernt. Sie sollten nicht ändern Sie Ihren Code, wenn Sie fortfahren möchten, Browser zu unterstützen, die body.scrollTop verwenden, um das Scroll-Ansichtsfenster im Standardmodus zu repräsentieren (älteres Chrome und Safari, denke ich).