48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
|
|
/* NAVBAR COLOR TOGGLE WHILE SCROLLING */
|
|
function navbarToggleOnScroll() {
|
|
var el = document.getElementById("navbar");
|
|
if (window.pageYOffset >= 500) {
|
|
el.classList.add("scroll");
|
|
} else {
|
|
el.classList.remove("scroll");
|
|
}
|
|
};
|
|
window.addEventListener("scroll", navbarToggleOnScroll);
|
|
|
|
/* SIDEBAR TOGGLE */
|
|
function hasClass(ele, cls) {
|
|
return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
|
|
}
|
|
|
|
function addClass(ele, cls) {
|
|
if (!hasClass(ele, cls)) ele.className += " " + cls;
|
|
}
|
|
|
|
function removeClass(ele, cls) {
|
|
if (hasClass(ele, cls)) {
|
|
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
|
|
ele.className = ele.className.replace(reg, ' ');
|
|
}
|
|
}
|
|
function toggleMenu() {
|
|
var ele = document.getElementsByTagName('body')[0];
|
|
if (!hasClass(ele, "menu-open")) {
|
|
addClass(ele, "menu-open");
|
|
} else {
|
|
removeClass(ele, "menu-open");
|
|
}
|
|
}
|
|
//Add event from js the keep the marup clean
|
|
function init() {
|
|
document.getElementById("menutoggle").addEventListener("click", toggleMenu);
|
|
document.getElementById("body-overlay").addEventListener("click", toggleMenu);
|
|
}
|
|
|
|
|
|
//Prevent the function to run before the document is loaded
|
|
document.addEventListener('readystatechange', function() {
|
|
if (document.readyState === "complete") {
|
|
init();
|
|
}
|
|
}); |