MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
Mahnsoo.choi (talk | contribs) Created page with "→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..." |
Mahnsoo.choi (talk | contribs) No edit summary |
||
Line 7: | Line 7: | ||
var previousScrollPoint = window.pageYOffset; | var previousScrollPoint = window.pageYOffset; | ||
window.onscroll = function() { | window.onscroll = function() { | ||
var currentScrollPoint = window. | var currentScrollPoint = window.scrollY; | ||
if (previousScrollPoint > currentScrollPoint || 1 > currentScrollPoint) { | |||
if (previousScrollPoint - currentScrollPoint < 5 && | |||
previousScrollPoint - currentScrollPoint > -5) { | |||
return false; | |||
} | |||
if ( previousScrollPoint > currentScrollPoint || | |||
1 > currentScrollPoint ) { | |||
document.getElementById("mw-navigation").style.top = "0"; | document.getElementById("mw-navigation").style.top = "0"; | ||
} else { | } else { |
Revision as of 11:48, 23 February 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 = window.pageYOffset; window.onscroll = function() { var currentScrollPoint = window.scrollY; if (previousScrollPoint - currentScrollPoint < 5 && previousScrollPoint - currentScrollPoint > -5) { return false; } if ( previousScrollPoint > currentScrollPoint || 1 > currentScrollPoint ) { document.getElementById("mw-navigation").style.top = "0"; } else { document.getElementById("mw-navigation").style.top = "-50px"; } previousScrollPoint = currentScrollPoint; }