使用jQuery将页面滚动到div的底部

Question

我有一些非常大的div代码示例，我想添加一个按钮，当用户点击它时，页面会滚动（很容易）到底部{ {1}}。

div

body {
  background-color: #ecf0f1;
}
.story {
  background-color: #fff;
  border-radius: 5px;
  height: 500px;
  margin: 20px auto;
  padding: 10px;
  width: 70%;
}

Answer 1

您只需将scrollTop设置为scrollHeight。

elem.scrollTop = elem.scrollHeight;

如果您要滚动到某个元素，请在引用时调用scrollIntoView()。