【问题标题】:Open webpage at specific scroll point without the user noticing, nor changing URLs在特定滚动点打开网页,用户不会注意到,也不会更改 URL
【发布时间】:2015-02-12 21:42:51
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: javascript jquery html css scroll


    【解决方案1】:

    此解决方案可满足您的要求, 用户不必等待加载,也不需要更改 url:

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

    【讨论】:

      【解决方案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>
      

      【讨论】:

      • 我不知道为什么,但是 scrollTo 没有任何效果。我选择了另一个适合我的解决方案。还是谢谢!
      猜你喜欢
      • 1970-01-01
      • 2012-06-07
      • 1970-01-01
      • 1970-01-01
      • 2017-02-06
      • 2011-12-29
      • 1970-01-01
      • 2014-01-30
      • 2011-07-30
      相关资源
      最近更新 更多