Actions

MediaWiki

Difference between revisions of "Common.js"

From Conflict of Nations Wiki

Line 4: Line 4:
 
  document.getElementById("p-banner").innerHTML = "Welcome, Commander.";
 
  document.getElementById("p-banner").innerHTML = "Welcome, Commander.";
 
}());
 
}());
 +
 +
// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {scrollFunction()};
 +
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
 +
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0; // For Safari
 +
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
 +
}

Revision as of 05:33, 1 February 2018

/* Any JavaScript here will be loaded for all users on every page load. */

$(function () {
 document.getElementById("p-banner").innerHTML = "Welcome, Commander.";
}());

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.getElementById("myBtn").style.display = "block";
    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0; // For Safari
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}