how to scroll to top in javascript code example
Example 1: Scroll to the top of the page using JavaScript?
var topPage = document.getElementById(`top-page`)
topPage.onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' })
window.onscroll = () => {
window.scrollY > 500
? (topPage.style.display = 'block')
: (topPage.style.display = 'none')
}
body {
background-color: #111;
height:5000px;
}
#top-page {
width: 50px;
position: fixed;
right: 30px;
bottom: 30px;
cursor: pointer;
color: white;
display: none;
}
<img id="top-page" src="https://svgshare.com/i/LW3.sv" alt="Top">
Example 2: scroll to top
$("#scroll_icon").click(function()
{
jQuery('html,body').animate({scrollTop:0},2000);
})