Question : on scroll change navbar color
Answered by : wandering-whale-u0xg9jxrxul3
$(document).ready(function(){ $(window).scroll(function(){ if($(window).scrollTop() > $(window).height()){ $(".menu").css({"background-color":"transparent"}); } else{ $(".menu").css({"background-color":"white"}); } })
})Source : https://stackoverflow.com/questions/23706003/changing-nav-bar-color-after-scrolling | Last Update : Sun, 15 Nov 20
Question : navbar fixed change color on scroll
Answered by : ali-zulfikar
var myNav = document.getElementById('mynav');
window.onscroll = function () { "use strict"; if (document.body.scrollTop >= 200 ) { myNav.classList.add("nav-colored"); myNav.classList.remove("nav-transparent"); } else { myNav.classList.add("nav-transparent"); myNav.classList.remove("nav-colored"); }
};Source : https://stackoverflow.com/questions/23706003/changing-nav-bar-color-after-scrolling | Last Update : Sun, 13 Mar 22