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

如何滚动到页面底部

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

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

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

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

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

---

或者，如果您在页面中创建锚定，则可以使用平滑滚动：

，如下所示：

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

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

true-滚动到元素顶部

false-滚动到元素底部

默认为true

---

当然，本示例用于滚动到页面顶部，但如果将锚定放在页面底部，则其工作原理应相同。没问题。我知道它不是“Vue-ish”，但它能完成任务如果你想让它变得平滑，你也可以使用

requestAnimationFrame

和

窗口。使用一些递归魔法滚动到（0，I）

）快乐编码

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