When using name=”object” and then having the page scroll to that object using a href=”#object” id it possible to adjust where the page lands. Rather than the top of the window, a few pixels down. I have a fixed navigation bar that when scrolling, the content goes behind so the nav bar is always visible. So when I use a href=”#object” part of it is cut off because it is behind the nav bar.
Any fixes? Thank you.
When using name=object and then having the page scroll to that object using a
Share
Change the top padding and margin styling on the element with the named anchor. For example, if your header is 100 pixels tall, give your named anchor a margin-top of -100px and a padding-top of 100px.
See this jsFiddle example.
In this example, the link will bring the bolded text (‘Vestibulum ante ipsum’) 100px from the top of the page.