Page 1 of 1
Hiding and Showing Menu Header
Posted: Wed Feb 05, 2020 5:53 pm
by patterson
I am using the onscroll event to hide the menu header when the user starts to scroll the page and that is working fine, but how do I get it to show when scrolling back up? I did not see onscrollup or onscrolldown events.
Re: Hiding and Showing Menu Header
Posted: Wed Feb 05, 2020 6:08 pm
by Pablo
There is no event for this in HTML as far as I know, so this will require a script that keeps track of the scroll direction.
Re: Hiding and Showing Menu Header
Posted: Wed Feb 05, 2020 7:22 pm
by patterson
Okay, well I will have to go about this another way using a bookmark object and event trigger on onscrollhide and onscrollreveal actions.
Thank you for your response.
Re: Hiding and Showing Menu Header
Posted: Sun Feb 23, 2020 9:13 pm
by iamafireman
Have you figured out a solution? I have been trying the samething, I think, but with no luck.
Re: Hiding and Showing Menu Header
Posted: Sun Feb 23, 2020 11:48 pm
by alan_sh
Why not just let it scroll off the page when you scroll down?
Alan
Re: Hiding and Showing Menu Header
Posted: Mon Feb 24, 2020 12:29 am
by BaconFries
From what you are asking this may be what you are looking for...
https://codepen.io/tutsplus/pen/WNerWWp
Re: Hiding and Showing Menu Header
Posted: Mon Feb 24, 2020 1:39 am
by crispy68
If Bacon's suggestion is what you are looking for, check out RZ's extension which does the same:
viewtopic.php?f=53&t=64238
Re: Hiding and Showing Menu Header
Posted: Thu Feb 27, 2020 5:30 am
by iamafireman
I was trying to do something similar to this page.
https://www.realtor.com/realestateagent ... _364084422
When you scroll down alittle a different header shows.
Now on this page if you click on "contact info" and then "view website" that will take you to the site I built and my solution I came up with