如果页面中使用scroll-view 滚动到顶部使用scroll-top=0这种方式实现,wx.pageScrollTo 有scroll-view 是无效的, 以下是采用scroll-view的方式实现滚动至顶部 有用2 回复1 Mr.z 2019-04-13 我的页面的元素是加载更多,高度是动态的,这个scroll-view就使用scroll-top=0这种方式实现就会失效 怎么处理下 赞 回复 ke...
在实际运用过程中,发现设置了scroll-top无效,滚动条位置并没有发生变化,是因为微信小程序的官方框架处于性能考虑,初始化设置scroll-top不会重新渲染页面,需要将scroll-top的是放在一个事件内执行才可以生效。 这里演示一个切换选项重置滚动条事件的案例: <scroll-view class="listDetail"scroll-y="true"bindscrolltol...
所以可以将scroll-top的值默认设置为-1,需要回到顶部时再设置为0。 constbgAudioManager=wepy.getBackgroundAudioManager()data={scrollTop:-1}bgAudioManager.onPlay(()=>{if(parseInt(bgAudioManager.currentTime)===0){this.scrollTop=0}this.$apply()})...
<scroll-view id="myScrollPage" scroll-y="true" scroll-with-animation="true" style="height:1400rpx" scroll-top="{{scrollTop}}"> pageUp(){ this.setData({ scrollTop: 50 }) } scrollTop的初始值为0,触发pageUp根本一点效果都没有,官方不出来说明一下吗? 有用 回复 纵倾童鞋ღ 2018-11-06...
我想用scroll-view实现上拉加载,下拉刷新的橡皮经弹回效果,但是在设置scroll-top的值的时候,并没有弹回,请大佬们帮忙看看 贴代码: <template> <scroll-view :scroll-y="true" :scroll-with-animation="true" :scroll-top="scrolledTop" @scrolltoupper="refresh" @scrolltolower="loadMore" @scroll="scroll...
1.再做微信小程序聊天得时候,聊天得消息比较多,所以需要每次将滚动框移到最底部。刚开始试了 scroll-top ,等都无效。最后决定使用scroll-into-view 也无效。 2.解决办法:scroll-into-view 指向得view得id 须要再整个页面加载完后才有效,所以再列表得数组赋值完后,再给 scroll-into-view指向得变量赋值才行。另外...
scrollTop:0 //这里有个坑,第一次会失效,第二次就不行了,如果值是0,则无效。这个bug可以通过重设这2个值来解决 }) console.log(133) }, //滚动事件 scroll:function(){ this.setData({ theView:"text-120", scrollTop:5, }) console.log(3); ...
wx.pageScrollTo方法和原生js方法有点类似,不过它是接受一个对象为参数。用法如下,把100改成想要的值即可。 wx.pageScrollTo({ scrollTop:100}) 但是这里有一个坑,就是这个方法不管是放在onLoad还是放在onReady或者onShow里面都是无效的,具体原因不明。所以一般运用就是用事件触发。
需要注意的是,使用上面的方法,会使 scroll-view 上 绑定 bindscroll 、bindscrolltopupper 和 bindscrolltoploweper 等方法是无效的。 样式和动画效果的优化,自己去进行吧。 如果有更好的方法,可以在评论下,留下你的方法供大家学习。 这一篇的方法只适合安卓机的,但还是保留下来。