在特定滚动点打开网页,用户不会注意到,也不会更改URL

时间:2015-02-12 21:42:51

标签: javascript jquery html css scroll

我希望我的所有网页都在特定滚动点打开(滚动到300px)。

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

我不想更改我的网址,就像在此CSS解决方案mywebsite.com#scrolldiv

中一样

实际上CSS解决方案mywebsite.com#scrolldiv就像魅力一样,但它会改变我的网址,这是我不想要的。

  1. 有没有办法使用Javascript解决方案并在加载页面之前滚动并显示内容?我不希望用户看到烦人的自动滚动。
  2. 有没有办法在不更改URL的情况下使用CSS解决方案?

2 个答案:

答案 0 :(得分:2)

此解决方案适合您的要求, 用户不必等待加载,并且不需要更改URL:

https://stackoverflow.com/a/22764622/2423221

答案 1 :(得分:0)

只需将脚本放在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>