Weronika77 (Talk | contribs) |
Weronika77 (Talk | contribs) |
||
Line 14: | Line 14: | ||
<!----------------- GO TO TOP When the user scrolls down 20px from the top of the document, show the button----> | <!----------------- GO TO TOP 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 | ||
+ | } | ||
</script> | </script> | ||
Line 131: | Line 145: | ||
<!----- GO TO TOP BUTTON ---> | <!----- GO TO TOP BUTTON ---> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!----- RANDOM---> | <!----- RANDOM---> |
Revision as of 09:27, 21 June 2019