Topic: HamburgerMenu and mdbStickyHeader, open navbar on scrolling on small screens

jforc free asked 3 years ago

Expected behavior The opened navbar is closing when i scroll down and is not still oben on scroll up. The class .show dissapears while start scrolling the content. Var. 2: a full screen menu on small sizes, but than scrolling is not possible (just when navbar is opened). Otherwise, the navbar would hide/show by the mdbStickyHeader. Is there already a nice Design solution for the opened Navbar on small screens?

Actual behavior On small screens the mdbStickyHeader works fine, but the navbar once opened by a click on the burgermenu item stayed open. so on scrolling down the opened navbar hides an on scrollen up the full opened navbar shown instead of just the brand and de burger menu icon. The navbar keeps the class .show.

Resources (screenshots, code snippets etc.)


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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: No