Answer to Question #340326 in HTML/JavaScript Web Application for Nathan

Question #340326

Create a link button at the bottom of the webpage that would make it jump to the top of the webpage when clicked

Expert's answer

<html>
<head>
    <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
</body>
</html>



<script type="text/javascript">


mybutton = document.getElementById("myBtn");


window.onscroll = function() {scrollFunction()};


function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}



function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
   </script>

Learn more about our help with Assignments: Programming & Computer Science

Comments

No comments. Be the first!

Answer to Question #340326 in HTML/JavaScript Web Application for Nathan

Comments

Leave a comment

Related Questions