页面加载后需要javascript自动滚动到目标html元素

Question

我是后端开发人员，是javascript的新手。 任何人都可以提供几行脚本，允许页面在页面加载后自动滚动到“target”元素

<html>
<bod>

<p id="target">...</p> // auto-scroll here

</bod>
</html>

谢谢

Answer 1

您可以在window.onload事件中的元素上使用scrollIntoView。

在你的情况下，你会做：

window.onload = function() {
    var el = document.getElementById('target');
    el.scrollIntoView(true);
}

可以在这里找到好的文档： MDN scrollIntoView

Answer 2

还要将您的身体标签更改为类似的内容

<body onload="ScrollToTarget">

然后你的函数可以在标题中定义为

function ScrollToTarget()
{
     document.getElementById("target").scrollIntoView(true);
}