HTML-自动跳转到命名锚点

Question

I have a website that has a search box and some options. On the mobile page, this search box and options are visible first, which is really good on the start page. But when user searches something, the result is shown in a page having again the search box and options on top.

I would like to write a piece of code, that automatically jumps to content start. Simply, I have created an anchor using: <a name="contentstart"> just before the content. When the user opens this page, it should automatically jump to contentstart without having to press any link/button. How can I achieve that.

Answer 1

simply give an id to your a tag,

and use following javascript function :

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

and in onload of body tag, call the function by passing the id of the anchor tag

Answer 2

You can simple use id and hash in url.

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

After that if you sufix your url with #contentstart you jump right to constentstart div.

http://webpage.com/something#contentstart