MediaWiki:Common.js: Difference between revisions

From Qubits
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 7: Line 7:
var previousScrollPoint = window.pageYOffset;
var previousScrollPoint = window.pageYOffset;
window.onscroll = function() {
window.onscroll = function() {
     var currentScrollPoint = window.scrollY;
     var currentScrollPoint = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;


     if (previousScrollPoint - currentScrollPoint < 5 &&
     if (previousScrollPoint - currentScrollPoint < 40 &&
         previousScrollPoint - currentScrollPoint > -5) {
         previousScrollPoint - currentScrollPoint > -40) {
         return false;
         return;
     }
     }
      
      

Latest revision as of 15:54, 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 || document.documentElement.scrollTop || document.body.scrollTop;

    if (previousScrollPoint - currentScrollPoint < 40 &&
        previousScrollPoint - currentScrollPoint > -40) {
        return;
    }
    
    if ( previousScrollPoint > currentScrollPoint ||
         1 > currentScrollPoint ) {
        document.getElementById("mw-navigation").style.top = "0";
    } else {
        document.getElementById("mw-navigation").style.top = "-50px";
    }
    previousScrollPoint = currentScrollPoint;
}