How can I adjust HOW the menu bar disappears and reappears when I scroll up and down?
-
The disappearance and reappearance of the menu bar when I scroll up and down is somehow animated, but I would like the menu bar to simply disappear and reappear in the same speed like I am scrolling. I hope this does not sound too cryptic. On this page the menu bar actually behaves like I would want it for my site, too. Any ideas how to do this?
-
Do you have a link to your site?
You could kill the animation all together. Since this is not what you seem to be aiming for you might need some jquery to bind the navbar to the scroll event. But that’s nothing I’m too familiar with.
@mariusjopen might be able to give some hints how to go about this.
-
@edgrbnz I am sorry, but my website is currently not visible (password protected) as I do not want it to be visible online while I am working on it... However, I believe it is not necessary to see it, as it should be quite clear what I mean. You are probably right, that I just need to kill animation all together, but I really don't know how to do this. Nevertheless, thx for your answer!
-
Dear @tinjessen
you need to code that yourself with jQuery. Pretty simple.First you hide the menu bar like @edgrbnz proposed.
Then you write a small jQuery script which shows or removes it, depending on the scroll-direction.
I also did that once for a project quite some time ago and was able to find many solutions with a quick Google search.
Best!
Marius
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it