body.scrollTop устарел в строгом режиме. Используйте «documentElement.scrollTop», если в строгом режиме и «body.scrollTop», только в режиме quirks.

Question

Я принимаю ошибку:

body.scrollTop устарел в строгом режиме. Используйте «documentElement.scrollTop», если в строгом режиме и «body.scrollTop», только в режиме quirks.

Мой код:

$(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

Дагг Наббит дал решение. Изменение

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

в

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

, если вы хотите, чтобы избежать предупреждения устаревания в Chrome. (Why is body.scrollTop deprecated?)

Это работает, потому что documentElement является html узел:

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

Но ваш код работает сейчас (хотя и с предупреждением), и он будет продолжать работать, когда Chrome удаляет «изворотливый» поведение. Вы, , не должны изменить свой код, если хотите продолжить поддержку браузеров, которые используют body.scrollTop для представления видового экрана с прокруткой в ​​стандартном режиме (как мне кажется, устарел Chrome и Safari).