More actions
Mahnsoo.choi (talk | contribs) No edit summary |
Mahnsoo.choi (talk | contribs) No edit summary |
||
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 26: | Line 27: | ||
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; } */