On Scroll Sticky Header

Web Export
1

how to do a On Scroll Sticky Header

2

Hi bsbu,

What happens when you set the option Fixed Position when Scrolling

image

That changes the position style to “fixed”. However it doesn’t seem to work in my tests. The page might have to use normal flow or relative positioning. I’ll look into it.

https://developer.mozilla.org/en-US/docs/Web/CSS/position

3

Here are instructions:

https://velara-3.gitbook.io/web-export/how-to-section/creating-a-fixed-header

Here is an example project:

4

There is now a macro Make item a fixed header in the macros view