javascript - HTML - 自动跳转到命名 anchor

Question

我有一个带有搜索框和一些选项的网站。在移动页面上，这个搜索框和选项首先可见，这在起始页上非常好。但是，当用户搜索某些内容时，结果会显示在页面中，顶部再次有搜索框和选项。

我想编写一段代码，自动跳转到内容开始。简而言之，我使用以下命令创建了一个 anchor :<a name="contentstart">就在内容之前。当用户打开此页面时，应该自动跳转到contentstart无需按任何链接/按钮。我怎样才能实现这一目标。

Answer 1

只需为您的 a 标签提供一个 ID，

并使用以下 JavaScript 函数:

function jump(id){
    var top = document.getElementById(id).offsetTop; //Getting Y of target element
    window.scrollTo(0, top);                        //Go there.
}​

并在body标签的onload中，通过传递 anchor 标签的id来调用该函数