March 31, 2018 at 5:08 am #68436Pascal BourhisParticipant
As we can see on many sites nowadays the use of hide menu bar when scroll down and reveal it when scroll up is commun.
Would it be possible to add this features?
Maybe it’s possible with some custome JS but it’s a pain.
ThanksMarch 31, 2018 at 7:44 am #68441
Are you referring to the header bar as there is already an option to close the menu on scroll.
PeterMarch 31, 2018 at 8:57 am #68440Pascal BourhisParticipant
Please look at this site: https://www.nadine-chaudier.net/ then scroll down then up > you see the behavior of the menu bar? That’s what I would like to have (both on desktop and mobile).
> This behavior is a part of the theme (GeneratePress)
There is an existing library to do that: http://wicky.nillia.ms/headroom.js/ and I have tried to implement it to play with your plugin but it’s not easy at all.
(THe option you are refering is located in the Container Section but do not seem to do what I what want…
ThanksMarch 31, 2018 at 2:32 pm #68439
So you are referring to the Header Bar it seems then.
In that case, yes that option is on my current development list.
Looking at that plugin you are referring to, it should be as easy as in their example, what issue are you having?
// grab an element var myElement = document.querySelector("responsive-menu-pro-header"); // construct an instance of Headroom, passing the element var headroom = new Headroom(myElement); // initialise headroom.init();
PeterSeptember 7, 2019 at 4:52 pm #68438Anonymous
Did this ever get implemented into RMP? Looking to do this exact same thing, but can’t seem to find an option within RMP to accomplish it?September 8, 2019 at 9:24 am #68437
Unfortunately it didn’t as there was not enough interest.
Now you have requested it too I will take a look at adding it for you.
All the best
- The topic ‘hide when scroll’ is closed to new replies.