scroll to bottom of page javascript 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 scroll to bottom of div

//scroll to the bottom of "#myDiv"
var myDiv = document.getElementById("myDiv");
    myDiv.scrollTop = myDiv.scrollHeight;

Example 4: scroll through page with javascript

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

Example 5: javascript detect scroll to bottom of page

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

Example 6: 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.