Timing for Fixed Transparent Navbar to Color on Scroll

creativetimofficial / material-kit

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design

https://www.creative-tim.com/product/material-kit?ref=mk-creativetimofficial-github

MIT License

5.91k stars 1.35k forks source link

Timing for Fixed Transparent Navbar to Color on Scroll #96

Closed kacinash closed 6 years ago

kacinash commented 6 years ago

Is there a place to alter the timing of when the fixed transparent navbar switches to a colored one on scroll? It seems to be occurring late for me, and so my site name is just floating awkwardly over my text for several scrolls.

screen shot 2017-12-06 at 4 34 49 pm

screen shot 2017-12-06 at 4 35 00 pm

screen shot 2017-12-06 at 4 38 52 pm

groovemen commented 6 years ago

Hello @kacinash,

Thank you for using our template, please update your project to the latest version (V2.0.4) and at line 158 on material-kit.js file you will find the checkScrollForTransparentNavbar function from where you can change the timing right there.

All the best, Stefan