using #last with make display lower than the top of the page

Question

I have this HTML Code on my webpage:

<a id="last"></a>

however i am also including (PHP) a fixed/static (style="position:fixed;") menu bar at the top of the page so when i go to

http://www.domain.com/index.php#last

the a id is showing behind the menu bar.

Is there a way I can make it display a little lower down rather than right at the top of the page so it doesn't show behind the menu bar?

Try to read this... http://stackoverflow.com/questions/1586341/how-can-i-scroll-to-a-specific-location-on-the-page-using-jquery — Vinicius Lima, Jan 29 '14 at 18:40
Try to read this, problably: http://stackoverflow.com/questions/1586341/how-can-i-scroll-to-a-specific-location-on-the-page-using-jquery — Vinicius Lima, Jan 29 '14 at 18:41
Try to read this: http://stackoverflow.com/questions/1586341/how-can-i-scroll-to-a-specific-location-on-the-page-using-jquery — Vinicius Lima, Jan 29 '14 at 18:42

score 1 · Answer 1 · answered Jan 29 '14 at 18:44

1

You can try to use some Jquery to move the screen to the point that you want:

$("html, body").animate(
{
    scrollTop: $("#last").top + 50
}, 500);

Is that what you wanted ?

answered Jan 29 '14 at 18:44

Ariel

Sorry, i undertood yout question wrong. To fix it you should use some CSS, you could use z-index on your a element or some margin. – Ariel Feb 05 '14 at 14:07

1 Answers1