Question

我需要一个HTML页面，以便在页面加载时自动向下滚动。所以基本上是在底部加载。可以使用JavaScipt吗？

请你帮助我或带领我朝着正确的方向前进。

感谢所有帮助。感谢

Answer 1

试试这个：

window.scroll(0, document.documentElement.scrollHeight)

Answer 2

这是一种对我有用的方法：

预期结果：

没有滚动动画
首次加载时在页面底部加载
在页面底部加载以进行所有刷新

代码：

<script>
    function scrollToBottom() {
        window.scrollTo(0, document.body.scrollHeight);
    }
    history.scrollRestoration = "manual";
    window.onload = scrollToBottom;
</script>

为什么这可能优于其他方法：

Chrome 等浏览器具有内置预设，可在刷新后记住您在页面上的位置。只是一个 window.onload 不起作用，因为您的浏览器会自动将您滚动回刷新之前的位置，在您调用以下行后：

window.scrollTo(0, document.body.scrollHeight);

这就是为什么我们需要添加：

history.scrollRestoration = "manual";

在 window.onload 之前先禁用该内置功能。</p>

参考：

<块引用>

window.onload 的文档：https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload

<块引用>

window.scrollTo 的文档：https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

<块引用>

history.scrollRestoration 的文档：https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration

Answer 3

这样的东西？

    <html>
    <head>
      <script type="text/javascript">
      function moveWin()
      {  
        window.scroll(0,10000);
        setTimeout('moveWin();',1000);
      }
      </script>
    </head>
    <body onLoad="moveWin();">
<!---- TEXT HERE ---->
    </body>
    </html>

Answer 4

如果您希望页面在底部加载而不显示滚动动画，为什么不在页面的最底部添加锚标记并让链接直接转到它（例如http://www.mysite.com/hello#bottom）？您的锚标记可能如下所示：<a name="bottom" id="bottom"></a>

如果您想知道为什么我在此示例中同时提供了name和id，则在{1}}元素中不推荐使用name，因为XHTML 1.0。在您使用的（X）HTML标准完全不再支持<a>之前，在链接到同一页面的一部分的锚点上同时使用name和name可能是最安全的。这已在W3C's XHTML 1 spec中注明。

Answer 5

使用jquery你可以这样做：

$("html, body").animate({ scrollTop: $(document).height() }, "slow");

Html页面加载在底部

5 个答案:

这是一种对我有用的方法：

预期结果：

代码：

为什么这可能优于其他方法：

参考：