Programmatically scroll to an Anchor Tag

Question

Consider the following code:

GoTo Label2
... [content here] ...
More content


        

Answer 1

you can just open the new URL with the name appended, for instance http://www.example.com/mypage.htm#label2

In JavaScript,

location.href = location.href + '#label2';

Answer 2

Moving to a anchor from server side, example is c#.

ClientScript.RegisterStartupScript(this.GetType(), "hash", "location.hash = '#form';", true);

Answer 3

If the element is an anchor tag, you should be able to do:

document.getElementsByName('label2')[0].focus();

Answer 4

This JS has generally worked well for me if you also put an ID on the element:

document.getElementById('MyID').scrollIntoView(true);

This is good as it will also position scrollable divs etc so that the content is visible.

Answer 5

Using javascript:

window.location.href = '#label2';

If you need to do it from the server/code behind, you can just emit this Javascript and register it as a startup script for that page.

Answer 6

I suppose this will work:

window.location="<yourCurrentUri>#label2";