Topic: Show navbar if page scrolled up

amb85 pro asked 5 years ago

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?

Jakub Strebeyko staff answered 5 years ago

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

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No