Topic: Show navbar if page scrolled up
Does MDB Pro have a feature to show the navbar if the page is scrolled up?
The effect I am trying to achieve is to have a non-fixed/scrollable navbar which moves off the screen when the page is scrolled down. It should then transition to the fixed state if the page is scrolled up. It should also transition to the non-fixed/scrollable state if the page is scrolled down again.
Does MDB Pro have this animation capability as part of the provided toolkit?
Add comment
Hi there amb85,
The Package does not have the above-described functionality out-of-the-box, but it definitely has the necessary animation capacity to do so. A similar feature already exists in your
mdb.js script file, which you can fiddle with using your favorite code editor by looking up the OFFSET_TOP variable. In my opinion the easiest way to achieve the effect would be by swapping the added/removed .top-nav-collapse CSS class with a custom one, transitioning properties such as height and/or opacity.
With Best Regards,
Kuba FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No