uniapp scroll-view滚动到底部
时间: 2023-10-04 22:05:27 浏览: 278
面向新手《二十》scroll-view隐藏滚动条,跳转页面
在uniapp中,要将scroll-view滚动到底部,可以使用scroll-into-view属性和scrollIntoIndex变量。在scroll-view组件上添加scroll-into-view属性,将其绑定到scrollIntoIndex变量。然后,将scrollIntoIndex变量设置为聊天数据数组的最后一条数据的id,这样scroll-view就会自动滚动到最后一条聊天记录的位置。
示例代码如下:
```
<scroll-view scroll-y="true" class="main-scroll" :scroll-into-view="scrollIntoIndex" :scroll-with-animation="true">
<view v-for="(item, index) in chatData" :key="index" :id="'chatItem_' + index">
<chat-item :userId="clientInfoData.userId" :item="item" ref="chatItem" @previewImage="previewImage"></chat-item>
</view>
</scroll-view>
```
请注意,要确保聊天组件的id设置为'chatItem_' + index,这样才能正确地将scroll-into-view属性与聊天记录关联起来。
阅读全文