javascript - jQuery - 刷新页面后不起作用

Question

目前，我正在学习如何用 javascript 和 jquery 编写。但是，我编写了一个简单的 jquery 代码，当您进入页面/网站时，它会自动滚动到特定的 div。当我加载页面/网站并自动滚动到我想要的 div 时，脚本工作正常。当我刷新浏览器时，问题就出现了。刷新页面后，脚本不想滚动到我在代码中指向的 div。如果有人可以帮助我，我将非常感激并提前感谢您。

在 Chrome 和 Opera 上，即使刷新后脚本也能正常工作。但是，我不能对 Firefox、IE 和 Edge 说同样的话。

$(document).ready(function() {
    $(".Left_Container").animate({
       scrollTop: $(".Home_Left").offset().top
    }, 0);
});

PS:我使用“Left_Container”而不是“HTML,body”，因为我只想在该特定 div 中滚动。

最诚挚的问候，

乔治·S.

Answer 1

某些浏览器会在页面重新加载后保存您的滚动位置，因此这不是您的代码的问题。

你能做的就是强制浏览器立即滚动到顶部，然后为你的 div 设置动画，如下所示:

$(document).ready(function() {
    $(".Left_Container").scrollTop(0); // go to the top instantly (no animation)
    $(".Left_Container").animate({ // then animate down
       scrollTop: $(".Home_Left").offset().top
    }, 0);
});