JavaScript scroll to top with animation

html{
  scroll-behavior:smooth;
}
.my-btn{
  padding:6px 12px;
  background:#0000ff;
  color:#fff;
  border-radius:6px;
  position: fixed;
  bottom: 10px;
  right:10px;
}
</style>

<h1>The example of scrollTop() method.</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis rhoncus metus ac fringilla. Nullam efficitur, libero nec tempus volutpat, mauris lacus tempor orci, convallis sodales purus erat et massa. Nulla a mi massa. Donec dictum sem arcu, at consectetur nunc viverra eget. Nunc viverra dignissim metus quis consequat. Curabitur sollicitudin neque in neque pretium auctor. Quisque ultrices sagittis nulla a eleifend. Duis in augue sit amet nisi tempor facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam pretium finibus vehicula. Integer vitae odio lacinia, ultrices tortor in, tempor nisl.</p>
<button class="my-btn" onclick="myFunction()">Top</button>
<script>
function myFunction() { 
   window.scrollTo(0, 0); 
}
</script>
</body>
</html>

JavaScript scroll to top with animation

You may like these posts :

Write Your Comment