|
|
Line 175: |
Line 175: |
| <body> | | <body> |
| | | |
− | <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
| + | |
| | | |
| <!--List | | <!--List |
Line 373: |
Line 373: |
| <br> | | <br> |
| | | |
− | <script>
| |
− | <!---// 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>
| |
| | | |
| | | |
| </body> | | </body> |
| </html> | | </html> |