Question

如何滚动到页面底部？

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

我这样做，并且总是打电话给我的api答案，但它不会到达页面底部

Answer 1

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

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

Answer 2

window.scrollTo（0，document.body.scrollHeight）;
或者你可以使用平滑滚动：https://github.com/alamcordeiro/vue-smooth-scroll

Answer 3

如果您在页面中创建锚点，请执行以下操作：

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

你可以使用：

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

此页面说明了不同的对齐参数对scrollIntoView的作用：

true - 滚动到元素顶部

false - 滚动到元素的底部

默认为真