在用户不注意的情况下在特定滚动点打开网页，也不更改 URL

Question

我希望我的所有网页都在特定的滚动点打开（例如滚动到 300 像素）。

我不想要 this kind 的 Javascript 解决方案 <body onLoad="window.scroll(0, 150)"> 因为这对用户来说真的很烦人。实际上，它仅在页面加载时滚动，这意味着有时（如果页面加载缓慢）当用户已经开始阅读内容时，它可能会在页面打开数秒后滚动。

我不想更改我的网址，就像这个 CSS 解决方案 mywebsite.com#scrolldiv

实际上 CSS 解决方案 mywebsite.com#scrolldiv 非常有效，但它改变了我的 url，这是我不想要的。

有没有办法使用 Javascript 解决方案并在页面加载和显示内容之前滚动？我不想让用户看到烦人的自动滚动。
有没有一种方法可以在不更改 URL 的情况下使用 CSS 解决方案？

Answer 1

此解决方案可满足您的要求，用户不必等待加载，并且不需要 url 更改：

Answer 2

只需将脚本放在 html 文件的末尾即可。然后它会在 dom 准备好后立即调用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <!-- other content

             (__)
             (oo)                                  
       /------\/    
      / |    || 
     *  /\---/\           
        ~~   ~~   

    /other content -->

    <script type="text/javascript">

        window.scrollTo(0,150);

    </script>
</body>
</html>

在用户不注意的情况下在特定滚动点打开网页，也不更改 URL

Open webpage at specific scroll point without the user noticing, nor changing URLs

html

javascript

css

jquery

scroll