Scrolling Nav transition from MDB4 to MDB5 has stopped worki


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

joannarom asked 4 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

link: https://mdbootstrap.com/docs/b4/jquery/navigation/navbar/

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: https://mdbootstrap.com/snippets/jquery/mdbootstrap/102480 that still works to my website and it does not work on version 5

Snippet of NOT working nav bar scrolling: https://mdbootstrap.com/snippets/standard/joannarom/2872836#css-tab-view

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 4 years ago

Currently scrolling navbar is not available in MDB5.


joannarom commented 4 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 4 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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: 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