32 lines
798 B
JavaScript
32 lines
798 B
JavaScript
|
// When the user scrolls the page, execute scrollMenu
|
||
|
|
window.onscroll = function () { scrollMenu() };
|
||
|
|
|
||
|
|
// Get the navbar
|
||
|
|
var navbar = document.getElementById("logo");
|
||
|
|
|
||
|
|
// Get the offset position of the navbar
|
||
|
|
var sticky = navbar.offsetTop;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
|
||
|
|
function scrollMenu() {
|
||
|
|
if (window.pageYOffset >= sticky) {
|
||
|
|
navbar.classList.add("sticky")
|
||
|
|
} else {
|
||
|
|
navbar.classList.remove("sticky")
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Make a pretty background when menu is open
|
||
|
|
var bodyBluring = document.getElementById("wrapper")
|
||
|
|
|
||
|
|
function blurBody() {
|
||
|
|
bodyBluring.classList.toggle("blurredout");
|
||
|
|
}
|
||
|
|
function removeBlur() {
|
||
|
|
bodyBluring.classList.remove("blurredout")
|
||
|
|
}
|
||
|
|
|
||
|
|
/// request permission to autoplay
|