5

What is the best way to implement an HTML anchor in VisualForce?

I would like to automatically scroll down to a specific section upon load of the page.

Ideally by going to something like

https://c.cs17.visual.force.com/apex/CP_MyAccount#documentsSection

It should automatically scroll down to the part where it has the anchor name of "documentsSection"

I've already tried both of these but no luck so far:

<a id="documentsSection" name="documentsSection">Documents</a>

<a name="documentsSection">Documents</a>

Any ideas?

3 Answers 3

3

If this is not natively supported in Visualforce, you could work around with javascript as illustrated here.

i.e. invoke a javascript function on load which sets window.location.hash to the anchor element grabbed from the URL.

Here is another related post.

2

I found the answer! It works just fine when not in development mode.

https://c.cs17.visual.force.com/apex/CP_MyAccount?core.apexpages.devmode.url=1#documentsSection

For some reason I guess there are problems with the footer for the code but this solution now works for me!

1
  • Consider accepting your own answer as solution so community members know your question is resolved. Jan 10, 2013 at 14:05
0

If the anchor passed through URL is dynamic, the traditional way to pass anchor via hash might not work.

One workaround is to pass the anchor via parameter, and on page load, use javascript to scroll into the correct view.

Javascript:

jQuery(window).load(function() {
    document.getElementById('{!$CurrentPage.parameters.myId}').scrollIntoView();
}

Element to be displayed:

<a id="{!myId}"></a>

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .