uniapp scroll-view聊天滚动

在uniapp中，可以使用scroll-view组件来实现聊天内容的滚动效果。根据引用中提到的需求，当列表条目增加时，需要将scroll-view自动滚动到底部显示最后一条聊天记录。

首先，需要在scroll-view组件中设置`scroll-y="true"`来启用竖向滚动。同时，为了限制scroll-view的高度，可以使用`style="height: 200rpx;"`或`style="height: 200px;"`来指定高度为200rpx或200px（具体使用哪种单位可根据实际需要进行选择）。

接下来，可以在uniapp中使用JS代码来实现自动滚动到底部的效果。可以通过获取scroll-view组件的实例，然后调用`scroll-view`的`scrollTo`方法，将`scrollTop`设置为一个较大的值，以使其自动滚动到底部。具体的代码可以参考引用中提供的全部代码。

值得注意的是，在使用scroll-view组件实现聊天滚动效果时，还需要确保引入了uniapp中的uview-ui组件库，以避免样式出错。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [关于 uniapp scroll-view聊天自动滚动到底部](https://blog.csdn.net/qq_36639113/article/details/124951526)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [微信小程序-scroll-view滚动到指定位置（类似锚点）](https://download.csdn.net/download/weixin_38601878/16213063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]