Bramwiggers (Talk | contribs) |
Bramwiggers (Talk | contribs) |
||
Line 43: | Line 43: | ||
− | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// |
+ | //Smooth Scroll: | ||
+ | |||
$(document).ready(function(){ | $(document).ready(function(){ | ||
// Add smooth scrolling to all links | // Add smooth scrolling to all links | ||
Line 69: | Line 71: | ||
}); | }); | ||
+ | // To the top button | ||
+ | // 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; | ||
+ | document.documentElement.scrollTop = 0; | ||
+ | } | ||
Revision as of 09:21, 20 September 2018