55 line
1.3 KiB
JavaScript
55 line
1.3 KiB
JavaScript
function menu_get() {
|
|
return document.querySelector('#menu-row')
|
|
}
|
|
function menu_is_shown() {
|
|
return (window.getComputedStyle(menu_get()).display !== 'none')
|
|
}
|
|
function menu_hide() {
|
|
menu_get().style.display = 'none'
|
|
document.querySelector('#overlay').style.height = '0'
|
|
}
|
|
function menu_show() {
|
|
menu_get().style.display = 'block'
|
|
document.querySelector('#overlay').style.height = '100%'
|
|
}
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var logo = document.getElementById('logo-img')
|
|
logo.classList.add('rotate')
|
|
function ruotaLogo() {
|
|
logo.style.transform = 'rotate(' + -window.pageYOffset/2+'deg)'
|
|
}
|
|
function scrollSetup() {
|
|
"use strict";
|
|
var last_known_scroll_position = 0
|
|
var ticking = false
|
|
|
|
window.addEventListener('scroll', function (e) {
|
|
last_known_scroll_position = window.scrollY
|
|
|
|
if (!ticking) {
|
|
window.requestAnimationFrame(function () {
|
|
|
|
ruotaLogo()
|
|
ticking = false;
|
|
});
|
|
|
|
ticking = true;
|
|
}
|
|
})
|
|
}
|
|
setTimeout(function () {
|
|
logo.classList.remove('rotate')
|
|
scrollSetup()
|
|
}, 1000)
|
|
logo.addEventListener('click', function (evt) {
|
|
if (!menu_is_shown()) {
|
|
menu_show()
|
|
} else {
|
|
menu_hide()
|
|
}
|
|
})
|
|
|
|
document.querySelector('#overlay').addEventListener('click', function (evt) {
|
|
menu_hide()
|
|
})
|
|
})
|