-
Notifications
You must be signed in to change notification settings - Fork 244
Description
How can I adjust where the page scrolls to when linking from an external page?
Background
I have a one-page site that uses this nav, with TOS and Privacy Policy pages that are separate from the home page. I want a seamless experience, so included the nav on these external pages. However, if a user navigates to one of the sections, it cuts off the top 20-30px of the section. This does not occur when navigating to or between different sections from the home page.
What I've Done
I have already adjusted the headerHeight on line 127.
Right now I'm using a hacky workaround of adding 40 pixels to the line-height of the h1 in each section, which works ok for some sections, but not for the sections that don't have a h1 at the very top.
Other Helpful Info
Margins and padding are ignored when the script looks for the id, so I cannot use them for the above mentioned sections that don't start with an h1 such as the one pictured in the attached screenshot.
