Difference between revisions of "Team:HebrewU/Photo Gallery"
| Line 91: | Line 91: | ||
} | } | ||
</script> | </script> | ||
| + | |||
| + | <a onClick="topFunction()" id="myBtn_up" title="Go to top"><img src="https://static.igem.org/mediawiki/2018/1/1e/T--hebrewu--arrow_up.png" width="40px" /></a> | ||
| + | |||
| + | |||
| + | <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_up").style.display = "block"; | ||
| + | } else { | ||
| + | document.getElementById("myBtn_up").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; | ||
| + | } | ||
| + | </script> | ||
| + | |||
<body> | <body> | ||
Revision as of 21:54, 15 October 2018
