52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
|
var sidebar = document.getElementById("sidebar");
|
||
|
var content = document.getElementById("content");
|
||
|
var icon = document.getElementById("navbar-icon");
|
||
|
var navbar = document.getElementById("navbar");
|
||
|
|
||
|
|
||
|
|
||
|
function switchNav() {
|
||
|
if(sidebar.className == "sidebar uncolapsed") {
|
||
|
sidebar.className = "sidebar";
|
||
|
icon.className = "fa fa-bars";
|
||
|
content.className = "content";
|
||
|
|
||
|
updateNavbar();
|
||
|
} else if(sidebar.className == "sidebar") {
|
||
|
sidebar.className = "sidebar uncolapsed";
|
||
|
icon.className = "fa fa-bars";
|
||
|
content.className = "content visible";
|
||
|
navbar.className = "navbar colored";
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function closeNav() {
|
||
|
sidebar.className = "sidebar";
|
||
|
icon.className = "fa fa-bars";
|
||
|
content.className = "content";
|
||
|
}
|
||
|
|
||
|
let home = document.getElementById("nav-home");
|
||
|
let portfolio = document.getElementById("nav-portfolio");
|
||
|
let server = document.getElementById("nav-server");
|
||
|
let projekte = document.getElementById("nav-projekte");
|
||
|
let blog = document.getElementById("nav-blog");
|
||
|
|
||
|
window.onscroll = function() {scrollFunction()};
|
||
|
|
||
|
function scrollFunction() {
|
||
|
updateNavbar();
|
||
|
}
|
||
|
|
||
|
function updateNavbar() {
|
||
|
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||
|
navbar.className = "navbar colored";
|
||
|
} else {
|
||
|
if(sidebar.className == "sidebar uncolapsed") {
|
||
|
navbar.className = "navbar colored";
|
||
|
} else {
|
||
|
navbar.className = "navbar";
|
||
|
}
|
||
|
}
|
||
|
}
|