如何使用vue js滚动结束页面

Question

如何滚动到页面底部？

 scroll(){
    let container = this.$el.querySelector('#scrollingChat')
    container.scrollTop = container.scrollHeight
}

我正在这样做，并且总是调用我的 api 答案，但它不会转到页面底部

原文由 Rafael Augusto 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

window.scrollTo(0, document.body.scrollHeight || document.documentElement.scrollHeight);

这将立即滚动到任何页面的底部。

原文由 James Harrington 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您像这样在页面中创建锚点：

 <div id="top"></div>

您可以使用：

 let elmnt = document.getElementById('top');
elmnt.scrollIntoView(false);

此页面解释了不同对齐参数对 scrollIntoView 的作用：

true - 滚动到元素的顶部

false - 滚动到元素底部

默认为真

https://www.w3schools.com/jsref/met_element_scrollintoview.asp

原文由 a_lovelace 发布，翻译遵循 CC BY-SA 4.0 许可协议