jQuery ScrollTop 到元素 ID 在 Safari 上不起作用

Question

我需要一个跨浏览器解决方案来滚动到页面上的元素。此代码在 Chrome 上完美运行，但不适用于 Safari，也不适用于移动设备上的 Safari。它滚动到页面顶部，而不是滚动到 div id:

$(".link").click(function() {
    $("html,body").animate({ scrollTop: $("#div_id").offset().top - 260 }, 1000);
});

Answer 1

根据this issue记录在github上(现已关闭)，如果你的css中有以下代码:

body{
overflow-x:hidden;
}

，那么它会阻止 Safari 准确计算 scrollTop(但它只影响 Safari)。

如果您有隐藏的溢出CSS，您可以将其删除，或者使用建议的解决方法(也在帖子中):

const scrollTop = Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop)

希望这有帮助