uniapp：scroll-view 聊天对话自动滚动到底部

sunly_

于 2024-05-11 16:27:19 发布

阅读量113

点赞数 2

分类专栏： uniapp 文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/qq_40745143/article/details/138720628

版权

uniapp 专栏收录该内容

99 篇文章 64 订阅

订阅专栏

scroll-into-view：值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素

<scroll-view 
	:scroll-y="true" 
	class="danmu_scroll" 
	:show-scrollbar="false" 
	:scroll-into-view="scroll_danmu_id">
	<view class="danmu_list" v-for="(item,index) in danmu_list" :key="index" :id="'danmu-' + index">

	</view>
</scroll-view>

data() {
	return {
		scroll_danmu_id:'', // 控制弹幕，滚动到该dom的位置
	}
},
methods:{
	// 发送弹幕
	submit_danmu(){
		this.danmu_list.push({
				content:'弹幕内容',
			})
			setTimeout(()=>{
				this.scroll_danmu_id = 'danmu-' + (this.danmu_list.length - 1);
			},300)
	},
}