Q:

js scroll to bottom

//scroll to the bottom of "#myDiv"
var myDiv = document.getElementById("myDiv");
    myDiv.scrollTop = myDiv.scrollHeight;
1
var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;
1
$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);
1
window.scrollTo(0,document.body.scrollHeight);
1
// if using jQuery
function scrollSmoothToBottom (id) {
   var div = document.getElementById(id);
   $('#' + id).animate({
      scrollTop: div.scrollHeight - div.clientHeight
   }, 500);
}

//pure JS
function scrollToBottom (id) {
   var div = document.getElementById(id);
   div.scrollTop = div.scrollHeight - div.clientHeight;
}
0
function scrolled(e) {
  if (myDiv.offsetHeight + myDiv.scrollTop >= myDiv.scrollHeight) {
    scrolledToBottom(e);
  }
}
0
//For a smooth scroll using jQuery animate
$('#DebugContainer').stop().animate({
  scrollTop: $('#DebugContainer')[0].scrollHeight
}, 800);
0

New to Communities?

Join the community