I am trying to do what should be some the most basic html, but it’s not working for me. Here is my code:
<a name="rocket"></a>
<div>
<h3>The Title</h3>
<p>some text</p>
</div>
I want to use the anchor name to fly down the contact page to the correct section.
When I use a link within the contact page like this:
<a href="#rocket">click here</a>
it works fine. But i want to come from another page and then fly down. So I am using this:
<a href="http://mysite.com/contact#rocket">click here</a>
but it seems to add a slash after contact and redirect to http://mysite.com/contact/#rocket, which means that it stays at the top of the contact page instead of flying down.
Does anyone know why this is happening? If you could point me in the right direction, I’d be grateful.
Thanks,
Yukon
ps, i have read all similar questions on this site, but they don’t help me.
It is okay that the URL changes to http://mysite.com/contact/#rocket, but you should change the way you are defining your anchor on the target page.
Instead of using this method
You should add an ID to the content you want to jump to like this:
This way your HTML markup is cleaner and there isn’t an extra
<a>
element for the jump.