将页面加载到某个div位置

Question

基本上，我所拥有的是一个包含多个div对象的页面，占用100vh。

<div id="one">blah blah blah</div>
<div id="two">blah blah blah</div>
<div id="three">blah blah blah</div>

如何加载页面以开始#two，以便我可以向上滚动到#one？

编辑：我不能简单地用哈希位置修改URL;这需要通过基本网址完成。

Answer 1

你可以使用你的html尝试一个函数。

<强>的Javascript

window.onload = function()
{
    document.getElementById('two').scrollIntoView();
};

您不必将div更改为链接，此方法适用于各种div。

在此处阅读更多内容：https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView

Answer 2

您可以使用哈希导航。它使用以下语法：

page url#id of the element to be scrolled to

所以，基本上你会在页面加载时使用以下内容将#two附加到你的网址：

location.hash = "two";

然后在html中你可以拥有：

<a href="#one">Click me to go to one</a>