Hey Mark, thanks for reading! I took a look at the code and the sticky position does seem to be working, but are you referring to the tabs hiding under the header when you click on the anchor links? That is because anchor links will always bring that particular element to the very top of the page view, so regardless of whether you have a fixed or sticky header, it will always appear underneath when using an anchor link.
To get around anchor links jumping elements to the top of the page, you can add an offset to your #tabstrip element, like so:
Hey Mark, thanks for reading! I took a look at the code and the sticky position does seem to be working, but are you referring to the tabs hiding under the header when you click on the anchor links? That is because anchor links will always bring that particular element to the very top of the page view, so regardless of whether you have a fixed or sticky header, it will always appear underneath when using an anchor link.
To get around anchor links jumping elements to the top of the page, you can add an offset to your
#tabstrip
element, like so:I hope that helps!
Got it. It's also my (mis)understanding of how sticky is supposed to work then. I appreciate that.
BTW, I use this snippet from SE to automatically compensate for fixed headers when using anchors.
Thanks again!
Awesome thanks for that, either way works!