loading...

re: Stop Using Fixed Headers and Start Using Sticky Ones VIEW POST

TOP OF THREAD FULL DISCUSSION
re: 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 u...
 

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.

:target::before {
    content: "";
    display: block;
    height: 6rem; 
    margin: -6rem 0 0; 
}

Thanks again!

Awesome thanks for that, either way works!

Wow... that ::before solution is brilliant. I think I knew about the :target selector, but I'd completely forgotten. And here I was setting event handlers on load and hashchange to fix the scroll position.

(I think the ::before solution is better than #tabstrip because #tabstrip would get mess up background colors on a targeted element.)

There's still a minor issue, being that this doesn't account for a top bar with dynamic height, but I guess that's a small enough issue that I'll switch away from my kludgy JS :)

code of conduct - report abuse