Topic: Scrolling Nav transition from MDB4 to MDB5 has stopped working

joannarom free asked 3 years ago

*Expected behavior*Previously in version 4 when a user scrolled down the page the navbar shrunk by using the css tag scrolling-navbar on the nav


Quote from page: "By adding .scrolling-navbar class to your fixed-top navbar, you can give it a smooth animation when scrolling."

*Actual behavior*All else remaining constant, the same behavior is not happening since upgrading to MDB5HTML snippet

css property.navbar.scrolling-navbar { padding-top: 12px; padding-bottom: 12px; -webkit-transition: background 0.5s ease-in-out,padding 0.5s ease-in-out; transition: background 0.5s ease-in-out,padding 0.5s ease-in-out;}

I even copied the demo code located here: that still works to my website and it does not work on version 5

Snippet of NOT working nav bar scrolling:

I have changed ALL references for $enable-reduced-motion: false !default; to false as you can see since by default they are true and still nothing.

Not sure at this point what I am missing.

Grzegorz Bujański staff answered 3 years ago

Currently scrolling navbar is not available in MDB5.

joannarom free commented 3 years ago

Do you know if/when it will be?

Also, is there a list of deprecated features from 4 to 5? i did not see this mentioned in migration notes or anywhere else on the site. It makes it difficult to determine broken vs not supported.

Grzegorz Bujański staff commented 3 years ago

at the moment I can't say when it will be added. we do not have a feature list from MDB4 that does not work in MDB5. We strive to add all possible functionalities from MDB4.

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 Standard
  • MDB Version: 3.2.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes