49 lines
2.1 KiB
JavaScript
49 lines
2.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const sideToggle = document.querySelector('.side-toggle');
|
|
const sideMenu = document.querySelector('.side-menu');
|
|
const sideCloseButtons = document.querySelectorAll('.side-close');
|
|
const content = document.querySelector('.content');
|
|
const headermove = document.getElementById('header');
|
|
const body = document.body;
|
|
const footermove = document.getElementById('footer');
|
|
|
|
sideToggle.addEventListener('click', function() {
|
|
sideMenu.classList.toggle('active');
|
|
this.classList.toggle('menu-opened');
|
|
content.classList.toggle('content-open');
|
|
headermove.classList.toggle('header-move');
|
|
body.classList.toggle('block-scroll');
|
|
footermove.classList.toggle('header-move');
|
|
});
|
|
|
|
sideCloseButtons.forEach(button => {
|
|
button.addEventListener('click', function() {
|
|
sideMenu.classList.remove('active');
|
|
sideToggle.classList.remove('menu-opened');
|
|
content.classList.remove('content-open');
|
|
headermove.classList.remove('header-move');
|
|
body.classList.remove('block-scroll');
|
|
footermove.classList.remove('header-move');
|
|
});
|
|
});
|
|
})
|
|
|
|
|
|
var prevScrollPos = window.pageYOffset;
|
|
|
|
window.onscroll = function() {
|
|
var currentScrollPos = window.pageYOffset;
|
|
const getHeaderHeight = document.getElementById('header')
|
|
const headerPosition = header.offsetTop + header.offsetHeight;
|
|
|
|
if (prevScrollPos < currentScrollPos && currentScrollPos > headerPosition ) {
|
|
document.getElementById("header").classList.add("header-hidden");
|
|
document.getElementById("header").classList.remove("header-visible");
|
|
}
|
|
else {
|
|
document.getElementById("header").classList.add("header-visible");
|
|
document.getElementById("header").classList.remove("header-hidden");
|
|
}
|
|
|
|
prevScrollPos = currentScrollPos;
|
|
};
|