方式一:
为了实现聊天室最新信息展示,需要自动滚动到底部
可以用scrollTop实现,chatData为消息的数组,scrollTop的值大于scroll-view的高度,则会自动滑动到底部,要注意的是,scrollTop的滚动需要动态改变才会触发,所以如果有一进入页面就进行滚动的需求,可以用settimeout函数延时setData
<scroll-view class="commentroll" scroll-y="true" style="height:{{rollheight}}rpx"
scrollTop="{{chatData.length*500}}"></scroll-view>
方式二:通过scroll-into-view属性
<scroll-view class="newsContainer" scroll-y="true" style="height:1300rpx" scroll-into-view="{{intoView}}" >
<block wx:for="{{data}}">
<view id={{id}}>
{{item.text}}
</view>
</block>
</scroll-view>
scroll-into-view的值为动态改变的,在里边的view的id需要与scroll-into-view的值对应,需要注意的一个坑是,如果你需要动态改变数组,同时改变scroll-into-view的值,需要分两次setdata,一次改变渲染的数组,后sedata scroll-into-view的值,否则可能出现不对应的情况