Make named anchor bookmarks appear always at top of the screen when clicked

Question

I have my markup as follows:

Sheds & Housing

    <         


        
      

Answer 1

Solution: http://jsfiddle.net/AdKy9/2/

Add this to your code:

• Gets clicked on element, goes to location.
• Gets height of target location, padding tag, and window.

• Adds
tags to the padding tag until target location is at the top of the window

  Note: checks ALL tags because the second or even third target locations might need padding if the window has a large vertical height and/or a large horizontal width. This also could be implemented without jQuery, but using jQuery is just easier and cross-browser.