javascript scroll to bottom of page code example

Example 1: javascript scroll to top of page

//Instant scroll to top of page
window.scrollTo(0, 0);

Example 2: automatically scroll to bottom of page

window.scrollTo(0,document.body.scrollHeight);

Example 3: javascript detect scroll to bottom of page

function scrolled(e) {
  if (myDiv.offsetHeight + myDiv.scrollTop >= myDiv.scrollHeight) {
    scrolledToBottom(e);
  }
}

Example 4: javascript scroll to bottom

// To scroll to the bottom of a div
const theElement = document.getElementById('elementID');

const scrollToBottom = (node) => {
	node.scrollTop = node.scrollHeight;
}

scrollToBottom(theElement); // The specified node scrolls to the bottom.

Example 5: javascript go to top of page

//EITHER:

window.scroll({
 top: 0, 
 left: 0, 
 behavior: 'smooth' 
});

//*****************************
//OR:

window.scroll({top: 0, left: 0});
//Or with jQuery
$('html,body').scrollTop(0);
//with animation
$('html, body').animate({ scrollTop: 0 }, 'fast');