投诉网站建设,专业的郑州网站推广,无锡互联网公司排名,服装公司网站建设策划书最近发现一个事情搞得很烦#xff0c;微信小程序的弹窗内容可以滚动的时候#xff0c;要保证每一次打开都在最上面#xff0c;研究了一下终于发现了怎么解决
第一步
首先得把你的弹窗里面的内容用scroll-view标签包起来#xff0c;像这样 scroll-view stylehei…最近发现一个事情搞得很烦微信小程序的弹窗内容可以滚动的时候要保证每一次打开都在最上面研究了一下终于发现了怎么解决
第一步
首先得把你的弹窗里面的内容用scroll-view标签包起来像这样 scroll-view styleheight:592rpx scroll-y{{true}} scroll-top{{scroll}}/scroll-view这里需要注意三点 1 一定要有高度设置height 2 scroll-y“{{true}}” 一定要设置 3 设置 scroll-top“{{scroll}}”
第二步
填充scroll-view scroll-view styleheight:592rpx scroll-y{{true}} scroll-top{{scroll}}view classsaleUnitview wx:for{{5}} wx:keyindex /view/view/scroll-view这里需要注意的是 scroll-view 下面的元素高度不要写死写死了没办法滑动
第三步 js设置scroll
在data中定义
data: {scroll: 0,}
在弹窗打开时设置
setTimeout((){if (this.data.scroll 0) {this.setData({scroll: 0.1,})} else {this.setData({scroll: 0,})}},300)这里有两点注意
这里加上setTimeout也是其中的一个bug 猜测是没有渲染好加上setTimeout后就生效了
设置0.1也是直接设置0时有的情况下没办法滚动到最上面设置0.1就解决了
happy ending
要是大家有更好的建议欢迎沟通噢~
