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

//For a smooth scroll using jQuery animate
$('#DebugContainer').stop().animate({
  scrollTop: $('#DebugContainer')[0].scrollHeight
}, 800);

Tags:

Misc Example