Ideas for improving the Sticky header

[zalexzperez]

When clicking on a link that points to a section (e.g. #my-section), the page scrolls correctly to the target element, but the top part of the content gets hidden behind the sticky header. It seems the scroll position does not take the header height into account.

It would also be interesting to introduce a smart sticky header that behaves like a normal (non-sticky) header while scrolling down, but automatically reappears as soon as the user scrolls up.

[h-enk]

When clicking on a link that points to a section (e.g. #my-section), the page scrolls correctly to the target element, but the top part of the content gets hidden behind the sticky header. It seems the scroll position does not take the header height into account.

Thanks! I created an issue (to be solved in the upcoming Doks update — available soon): #1406

It would also be interesting to introduce a smart sticky header that behaves like a normal (non-sticky) header while scrolling down, but automatically reappears as soon as the user scrolls up.

I agree. That would also free up more vertical space on mobile while still making the header quickly available again when the user scrolls up. If you could raise an issue for this, that would be great.