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

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

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

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

相关问题

uniapp scroll-view 滚动到底部 代码

您好，以下是uniapp scroll-view滚动到底部的代码：

在wxml文件中：

<scroll-view scroll-y="true" scroll-into-view="{{toView}}" scroll-with-animation>
  <view id="upper"></view>
  <view id="scroll-view-item-{{index}}" wx:for="{{list}}" wx:key="{{item.id}}">
    <!--内容部分-->
  </view>
  <view id="lower"></view>
</scroll-view>

在js文件中：

data: {
    list: [], // 列表数据
    toView: '', // 滚动位置
},
methods: {
  onReachBottom() { // 滚动到底部加载更多数据
    // TODO：加载更多数据
    const length = this.data.list.length - 1
    this.setData({
        toView: `scroll-view-item-${length}` // 设置滚动位置
    })
  }
}

如此即可实现scroll-view滚动到底部的效果。

uniapp scroll-view上拉加载

的实现方式是什么？

感谢您的提问。关于 uniapp scroll-view 上拉加载的实现方式，我可以提供以下思路和步骤供参考：

1. 在 scroll-view 中添加一个子容器，用于显示列表内容。
2. 使用 scroll-view 组件的 bindscrolltolower 事件来监听页面滚动至底部的事件。
3. 在事件处理函数中，向后端发起请求，获取更多的数据。
4. 将获取的数据追加到列表容器中，实现上拉加载效果。

以上是一种常见的实现方式，您可以根据项目需求进行适当的调整和完善。希望可以帮到您。