User:Ottwiz/minerva.js
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (screen.width > 767) {
if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
document.querySelector(".branding-box img").style.width = "0px";
document.querySelector(".branding-box img").style.opacity = "0";
document.querySelector(".header-container").style.width = "200px";
document.querySelector(".header-container").style.height = "55px";
document.querySelector(".header-container").style.margin = "0px 0px 0px 0px";
document.querySelector(".header-container").style.borderRadius = "0px";
document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
document.querySelector(".header-container").style.paddingTop = "0px";
document.querySelector(".header-container").style.paddingBottom = "0px";
} else {
document.querySelector(".branding-box img").style.width = "119px";
document.querySelector(".branding-box img").style.opacity = "1";
document.querySelector(".header-container").style.width = "350px";
document.querySelector(".header-container").style.height = "65px";
document.querySelector(".header-container").style.margin = "15px";
document.querySelector(".header-container").style.borderRadius = "20px";
document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
document.querySelector(".header-container").style.paddingTop = "5px";
document.querySelector(".header-container").style.paddingBottom = "5px";
}
} else {
if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
document.querySelector(".branding-box img").style.width = "0px";
document.querySelector(".branding-box img").style.opacity = "0";
document.querySelector(".header-container").style.width = "189px";
document.querySelector(".header-container").style.height = "55px";
document.querySelector(".header-container").style.margin = "0px 0px 0px 0px";
document.querySelector(".header-container").style.borderRadius = "0px";
document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
document.querySelector(".header-container").style.paddingTop = "0px";
document.querySelector(".header-container").style.paddingBottom = "0px";
document.querySelector(".header-container").style.right = "0";
} else {
document.querySelector(".branding-box img").style.width = "119px";
document.querySelector(".branding-box img").style.opacity = "1";
document.querySelector(".header-container").style.width = "100%";
document.querySelector(".header-container").style.height = "55px";
document.querySelector(".header-container").style.margin = "0px";
document.querySelector(".header-container").style.borderRadius = "0px";
document.querySelector(".header-container").style.borderBottomLeftRadius = "0px";
document.querySelector(".header-container").style.paddingTop = "0px";
document.querySelector(".header-container").style.paddingBottom = "0px";
}
}
}