Topic: Reduce the scroll needed for navbar to change color
I am using the navbar with the class .top-nav-collapse so that the color of the navbar changes when you scroll down the page. I want to reduce the amount of scroll needed for the navbar to change color. How do I achieve that?
top-nav-collapse, is it only for pro pack?
You can adjust the css for the points where you want to adjust the scroll spy function.... this works for me for smooth scroll to stop at the right spot, and scroll spy to change as my section header appears. You may need to tweak it a bit depending on your layout settings
section::before{ display: block; content: " "; margin-top: -80px; height: 80px; visibility: hidden; }
It's not possible to change the scroll sensitivity in current version. I added this feature to our nice-to-have list and we will add an input for that in the near future.
anuragd7 free commented 5 years ago
You seem to have achieved the very effect I need in this template https://mdbootstrap.com/previews/templates/landing-page/html/Landing-Page-Restaurant.html#!
- any suggesttions on how to get it to work in a similar way?
Arkadiusz Idzikowski staff commented 5 years ago
We added [scrollSensitivity] input in version 7.5.1. Please use it to reduce the amount of scroll needed for '.top-nav-collapse' class to be added to the navbar.
https://mdbootstrap.com/docs/angular/navigation/navbar/#a-inputs
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.4.3
- Device: mac
- Browser: chrome
- OS: OSX
- Provided sample code: No
- Provided link: No