Sticky top bar
"Cloutier, Philippe (DGARI-Consultant)" <Philippe.Cloutier.externe-3LJ5X92lM5eafr9EPe0ZzS/[email protected]>
| Newsgroups | gmane.comp.cms.tiki.user |
|---|---|
| Message-ID | <F2DE8896807BF045932776107E2E783D3512B777@CT20SEXCHP02.FONCIERQC.INTRA> |
Hi,
Our sites use a top module bar which sticks in the viewport even when the reader scrolls down. It is similar to what can be seen on tiki.org. Our site uses a custom theme with a hack to implement this sticky bar. We have issues in some places with the sticky bar hiding content.
First, how does tiki.org implement its sticky bar?
I see that when one clicks a link in the floating table of contents on https://dev.tiki.org/Overview the title of the clicked section is fully visible. I can see CSS related to that in the main document:
/* Prevent target anchors from being covered by fixed top navbar */
h1:target:before,
h2:target:before,
h3:target:before,
h4:target:before,
h5:target:before {
content:"";
display:block;
height:72px; /* fixed header height*/
margin:-72px 0 0; /* negative fixed header height */
}
Is this code specific to dev.tiki.org?