17 lines
590 B
JavaScript
17 lines
590 B
JavaScript
// Navbar stick on scroll ++ styles
|
|
|
|
var navbar = document.querySelector("[navbar-main]");
|
|
|
|
window.onscroll = function () {
|
|
let blur = navbar.getAttribute("navbar-scroll");
|
|
if (blur == "true") stickyNav();
|
|
};
|
|
|
|
function stickyNav() {
|
|
if (window.scrollY >= 5) {
|
|
navbar.classList.add("sticky", "top-[1%]", "backdrop-saturate-[200%]", "backdrop-blur-[30px]", "bg-[hsla(0,0%,100%,0.8)]", "shadow-blur", "z-110");
|
|
} else {
|
|
navbar.classList.remove("sticky", "top-[1%]", "backdrop-saturate-[200%]", "backdrop-blur-[30px]", "bg-[hsla(0,0%,100%,0.8)]", "shadow-blur", "z-110");
|
|
}
|
|
}
|