小程序如何动态添加内容后自动滚动到底部

最新推荐文章于 2025-05-12 13:51:16 发布

可爱到爆炸

最新推荐文章于 2025-05-12 13:51:16 发布

阅读量673

点赞数

CC 4.0 BY-SA版权

分类专栏：成长文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_38618241/article/details/123735089

成长专栏收录该内容

5 篇文章

订阅专栏

1. 在scroll-view标签中添加 scroll-top=’{{scrollBottom}}’

<scroll-view  scroll-top='{{scrollBottom}}' scroll-y="true"> 
</scroll-view>

2.在scroll-view中添加id scrollBottom

<scroll-view  scroll-top='{{scrollBottom}}' scroll-y="true"> 
	<view id="scrollBottom">
	  //动态添加内容的地方
	</view>  
</scroll-view>

3.根据添加内容重新计算scrollBottom的高度

 addList(){
 wx.createSelectorQuery().select('#scrollBottom').boundingClientRect(function(rect){
	        console.log(rect)
	        // 使页面滚动到底部
	        that.setData({
	          scrollBottom: rect.height
	        })
      }).exec()
 }