uniapp页面自动滚动到底部的方法

你可以使用以下代码实现uniapp页面自动滚动到底部：

// 获取页面滚动高度
const pageHeight = document.documentElement.scrollHeight || document.body.scrollHeight;

// 将页面滚动到底部
uni.pageScrollTo({
  scrollTop: pageHeight,
  duration: 300 // 滚动时长
});

希望能够帮到你！

相关问题

uniapp滚动到页面底部

在UniApp中，可以通过使用`scroll-view`组件来实现滚动到页面底部的效果。下面是一种实现方式：

1. 在页面的`template`中，使用`scroll-view`组件包裹需要滚动的内容，设置`scroll-y`属性为`true`，表示允许垂直滚动。

<template>
  <view>
    <scroll-view scroll-y="true" class="scroll-view">
      <!-- 内容 -->
    </scroll-view>
  </view>
</template>

2. 在页面的`script`中，使用`uni.pageScrollTo()`方法来实现滚动到底部的效果。

<script>
export default {
  methods: {
    scrollToBottom() {
      uni.pageScrollTo({
        scrollTop: 9999, // 设置一个足够大的值，确保滚动到底部
        duration: 300 // 滚动动画的时长，单位为毫秒
      });
    }
  }
}
</script>

3. 在需要触发滚动到底部的时机，调用`scrollToBottom()`方法即可。

<template>
  <view>
    <scroll-view scroll-y="true" class="scroll-view">
      <!-- 内容 -->
    </scroll-view>
    <button @click="scrollToBottom">滚动到底部</button>
  </view>
</template>

这样，当点击按钮时，页面会自动滚动到底部。

uniapp scroll-view 页面加载时滚动至底部

您可以在页面加载完成后，使用微信小程序的API将scroll-view滚动到底部。可以使用以下代码：

uni.pageScrollTo({
    scrollTop: 1000000,  //将scrollTop设置为一个足够大的值，以确保它滚动到底部
    duration: 0  //滚动时间设置为0，意味着立即滚动到底部
})

这段代码将页面滚动到了scroll-view的最底部。如果您想在页面加载时自动滚动到底部，可以直接将这段代码放在onLoad生命周期函数中即可。