More actions
Mahnsoo.choi (talk | contribs) No edit summary |
Mahnsoo.choi (talk | contribs) No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
* Common.css needs to contain navbar { transition: top 0.5s; } or similar. | * Common.css needs to contain navbar { transition: top 0.5s; } or similar. | ||
*/ | */ | ||
/* | |||
var previousScrollPoint = 0; | var previousScrollPoint = 0; | ||
window.onscroll = function() { | window.onscroll = function() { | ||
Line 17: | Line 18: | ||
1 > currentScrollPoint ) { | 1 > currentScrollPoint ) { | ||
document.getElementById("mainpage-banner").style.display = "block"; | document.getElementById("mainpage-banner").style.display = "block"; | ||
document.getElementById("page-banner").style.display = "block"; | |||
document.getElementById("mw-navigation").style.top = "0"; | document.getElementById("mw-navigation").style.top = "0"; | ||
} else { | } else { | ||
document.getElementById("mainpage-banner").style.display = "none"; | document.getElementById("mainpage-banner").style.display = "none"; | ||
document.getElementById("page-banner").style.display = "none"; | |||
document.getElementById("mw-navigation").style.top = "-50px"; | document.getElementById("mw-navigation").style.top = "-50px"; | ||
} | } | ||
previousScrollPoint = currentScrollPoint; | previousScrollPoint = currentScrollPoint; | ||
} | } | ||
*/ |
Latest revision as of 15:36, 26 June 2019
/* Any JavaScript here will be loaded for all users on every page load. */ /* * Hide the navigation bar on scroll down (page push up). * Common.css needs to contain navbar { transition: top 0.5s; } or similar. */ /* var previousScrollPoint = 0; window.onscroll = function() { var currentScrollPoint = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop; if (previousScrollPoint - currentScrollPoint < 40 && previousScrollPoint - currentScrollPoint > -40) { return; } if ( previousScrollPoint > currentScrollPoint || 1 > currentScrollPoint ) { document.getElementById("mainpage-banner").style.display = "block"; document.getElementById("page-banner").style.display = "block"; document.getElementById("mw-navigation").style.top = "0"; } else { document.getElementById("mainpage-banner").style.display = "none"; document.getElementById("page-banner").style.display = "none"; document.getElementById("mw-navigation").style.top = "-50px"; } previousScrollPoint = currentScrollPoint; } */