Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML-自动跳转到命名锚_Javascript_Html - Fatal编程技术网

Javascript HTML-自动跳转到命名锚

Javascript HTML-自动跳转到命名锚,javascript,html,Javascript,Html,我有一个网站,有一个搜索框和一些选项。在移动页面上,这个搜索框和选项首先可见,这在开始页面上非常好。但当用户搜索某个内容时,结果会显示在一个页面上,页面顶部再次显示搜索框和选项 我想写一段代码,自动跳转到内容开始。简单地说,我在内容之前使用:创建了一个锚。当用户打开此页面时,它应该自动跳转到contentstart,而无需按下任何链接/按钮。我怎样才能做到这一点。只要给你的标签一个id 并使用以下javascript函数: function jump(id){ var top = doc

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


我想写一段代码,自动跳转到内容开始。简单地说,我在内容之前使用:
创建了一个锚。当用户打开此页面时,它应该自动跳转到
contentstart
,而无需按下任何链接/按钮。我怎样才能做到这一点。

只要给你的
标签一个id

并使用以下javascript函数:

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

在body标签的
onload
中,通过传递锚定标签的id调用函数

您可以在url中简单地使用id和哈希

// some html
<div id="contentstart"></div>
// content

它不起作用了。请看一下我这里的测试html页面:
http://webpage.com/something#contentstart