溢出时如何滚动底部：滚动和高度：100vh

Question

溢出时是否可以滚动底部：滚动和高度：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

在您的示例中，您正在滚动整个窗口。 看起来你想要做的是滚动内容而不是像这样的窗口：

tf.data

Answer 2

您需要使用要滚动的元素的属性scrollTop。

将您的功能更改为：

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