Question

我为一个学校作业制作了一个简单的单页网站，它有3个不同的div。

我的问题是当你进入网站时如何让网站集中在三者的第二个div中，这样你就可以向上滚动（看div 1）或向下滚动（看div 3）。因此，当您加载页面时，您看到的第一件事就是div 2。

Answer 1

下面：

使您的目标网页自动重定向到您的主页。将#yourdivhere替换为div的id。

目标网页

<head>
    <meta http-equiv="refresh" content="0; url=http://your.site/#yourdivhere" />
</head>

您的网页

<div id="firstdiv">Your content</div>
<div id="yourdivhere">Your div you want to center</div>
<div id="lastdiv">Your content</div>

Answer 2

我找到了更好的方法。

这是一个非常简单的脚本插入，您可以在网站中插入。

<body>
<script>
if(window.location.href != "http://your.site/#yourcenterdiv"){
  window.location.href = "http://your.site/#yourcenterdiv";
}
</script>
<div id="yourfirstdiv">CONTENT</div>
<div id="yourcenterdiv">CONTENT HERE</div>
<div id="yourlastdiv">MORE CONTENT</div>
</body>

请注意，这仅适用于http：// urls。修改脚本以添加其他网址非常简单，只需将|| "other://example.url/#yourcenterdiv"之类的内容添加到if语句中即可。

如何使用特定div作为上岸指数？

2 个答案: