Page with Slider & Footer only, show Navigation only if footer comes into view
Hello,
I have a page with only a slider and a footer (maybe around 100px footer-height).
The Slider is fullscreen.
Now I entered css for the navigation:
"#Top_bar{display:none;} and #Top_bar.is_sticky:display:inline-block;}
Hoping this would make the Navigation appear only if the user scrolls to the footer.
But it doesn't work.
Maybe because to footer is not high enough to make this is_sticky-class appear??
Can you please help to make that is_sticky-class start working earlier, already when the user scrolls these little 100px to the footer.
I have a page with only a slider and a footer (maybe around 100px footer-height).
The Slider is fullscreen.
Now I entered css for the navigation:
"#Top_bar{display:none;} and #Top_bar.is_sticky:display:inline-block;}
Hoping this would make the Navigation appear only if the user scrolls to the footer.
But it doesn't work.
Maybe because to footer is not high enough to make this is_sticky-class appear??
Can you please help to make that is_sticky-class start working earlier, already when the user scrolls these little 100px to the footer.
Comments
please send a link to this page so we can take a look, css will not help.
You can always set the header style to fixed instead of using the sticky header.
thanks