|
|
| 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 04:38, 1 February 2018
/* Any JavaScript here will be loaded for all users on every page load. */
$(function () {
document.getElementById("p-banner").innerHTML = "Welcome, Commander.";
}());