How can I scroll bottom when overflow-y:scroll and height:100vh

Question

Is it possible to scroll bottom when overflow-y:scroll and height:100vh.

css

#content {
  height: 100vh;
  overflow-y: scroll;
}

js

var content = document.getElementById('content');
window.scrollTo(0, content.scrollHeight);

codepen https://codepen.io/betchi/pen/zjBwgx

Answer 1

In your example you are scrolling the entire window. It looks like what you want to do is scroll the content and not the window like this:

content.scrollTo(0, content.scrollHeight);

Answer 2

You need to use the property scrollTop of the element you want to scroll.

Change your function to this:

function canNotScroll(){
  var content = document.getElementById('content');
  content.scrollTop = content.scrollHeight;
}