javascript - body.scrollTop 在严格模式下已弃用。如果处于严格模式，请使用 'documentElement.scrollTop'，仅当处于 quirks 模式时，请使用 'body.scrollTop'。

Question

我收到错误:

body.scrollTop 在严格模式下已弃用。请在严格模式下使用“documentElement.scrollTop”，在怪异模式下使用“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 给出了解决方案。变化

$('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 的浏览器来表示标准模式下的滚动视口(viewport)，您不应该更改您的代码(我认为是较旧的 Chrome 和 Safari) .