如何在uniapp中使用<scroll-view>组件实现自动滚动到底部？

Question

uniapp写小程序如何就是让它自动滚动到底部呢？

尝试了好多办法 还是不太行 用的是 <scroll-view></scroll-view> 组件

Answer 1

回答：内容自动滚动到可视化区域的底部，你可以自己写一个函数，在页面加载完成后调用即可，这个功能一般不需要采用组件来实现，书写起来也并不复杂，简单的逻辑如下：

function getMaxHeight() {
  messageContainer = document.getElementsByClassName("message-container")[0];
  messageContainer.scrollTo({
    top: messageContainer.scrollHeight,
    behavior: "smooth"
  });
}

onBeforeMount(() => {
  openDb(() => {
    dbOperation.getAllData((res) => {
      data.messageList = res.data;
      nextTick(() => {
        getMaxHeight();
      });
    });
  });
});

Answer 2

用 <scroll-view>的scroll-into-view ，给最后的子元素一个id，然后用scroll-into-view滚动到指定元素