Javascript Anchor Jump To The Top Issue

Question

Hi,

I've added this code below to a MOSS 2007 web part inside OnPreRender() method.

if (!Page.ClientScript.IsClientScriptBlockRegistered("jump_to_anchor_JS"))
{
   Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "jump_to_anchor_JS", "window.location.hash=\"anchor\";",true);
}

The page loads, jumps to the specific anchor, then jumps back to the top of the page. This has been tested in IE8, Firefox, Chrome, and Safari with same behavior.

Any thought?

Answer 1

Try using:

ClientScript.RegisterStartupScript(...)

From the MSDN Article here:

The script block that is rendered by the RegisterStartupScript method executes when the page finishes loading but before the page's client onload event is raised. Startup script blocks are located at the bottom of the rendered ASP.NET page just before the form tag.

or use jQuery:

$(document).ready(function(){window.location.hash="anchor";});

Answer 2

Are you including the "#" hash sign in front of your anchor name? i.e.,

window.location.hash = '#anchor';

Also, see window.location.hash issue in IE7 regarding using focus() or scrollIntoView() instead.

Answer 3

Try using

window.location.href = '#anchor';