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

我有一些非常大的

div

s和代码示例，我想添加一个按钮，这样当用户单击它时，页面将（轻松地）滚动到

div

的底部。

正文{
背景色：#ecf0f1；
}
.故事{
背景色：#fff；
边界半径：5px；
高度：500px；
保证金：20px自动；
填充：10px；
宽度：70%；
}

滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部
滚动到底部

您只需将

scrollTop

设置为

scrollHeight

elem.scrollTop = elem.scrollHeight;

如果有要滚动到的元素，请调用对该元素的引用

scrollIntoView（）