Topic: Scrolling Nav transition from MDB4 to MDB5 has stopped working
*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.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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