小程序IOS的scrollview不触发bindscrolltolower事件问题
2019-04-03 15:13:30
如何看待微信公开课小程序热门讨论「小程序IOS的scrollview不触发bindscrolltolower事件问题」
摘要:小程序IOS的scrollview不触发bindscrolltolower事件问题
展开:一、标签布局部分scrollviewscrollytruelowerthreshold{{toView}}bindscrolltolowerlowerviewclasssongitemflexwrpstyleflexdirection:row;wx:for{{songslist}}wx:keyitemwx:forindexidxdatasongmsg{{item}}datasongindex{{idx}}bindtapplaySongviewclassflexitem_imageimageclasssongimagesrc{{item.imgurl}}/image/viewviewclassflexitem_textviewclassflexitem_songname{{item.songname}}/viewviewclassflexitem_singer{{item.singer}}/view/view/viewviewhidden{{hideloading}}加载中/view/scrollview二、以下是JS部分Page({data:{songslist:[{id:1,imgurl:image/songimg.png,songname:饿狼传说,singer:张学友},{id:2,imgurl:image/songimg.png,songname:唯一,singer:王力宏}],hideloading:false,toView:30,lowerbusy:false},//此处为scrollview定义的下拉至底部触发事件,lowerbusy标志位是为了解决多次触发该事件导致的问题lower:function(){console.log(下拉刷新);varthatthis;if(this.data.lowerbusy){console.log(加载正忙)return;}else{this.setData({hideloading:false,lowerbusy:true})varnew_songlist[];//此处延时改变data中的数据模拟加载过程setTimeout(function(){for(vari0;i6;i++){varsong{id:that.data.songslist.length+i+1+,imgurl:image/songimg.png,songname:that.data.songslist[i].songname,singer:that.data.songslist[i].singer}new_songlist.push(song);//console.log(song:+song);}console.log(new_songlist);//此处恢复lowerbusythat.setData({songslist:that.data.songslist.concat(new_songlist),hideloading:true,lowerbusy:false})},3000)}}})刚开始遇到的是scrollview的bindscrolltolower事件在滑动到底部的时候会多次触发,于是加了标志位解决这个问题。Android上已经看起来一切很正常,实现了滑到底部加载的问题。但是IOS滑动到底部却没有任何反应。还有一点需要说下,当时布局为了解决scrollview组件能够撑满全屏样式部分采用flex布局,而没有给scrollview标签写固定height。求各位哥哥姐姐,叔叔婶婶帮帮忙分享下经验呗!姜小白
摘要:小程序IOS的scrollview不触发bindscrolltolower事件问题
展开:一、标签布局部分scrollviewscrollytruelowerthreshold{{toView}}bindscrolltolowerlowerviewclasssongitemflexwrpstyleflexdirection:row;wx:for{{songslist}}wx:keyitemwx:forindexidxdatasongmsg{{item}}datasongindex{{idx}}bindtapplaySongviewclassflexitem_imageimageclasssongimagesrc{{item.imgurl}}/image/viewviewclassflexitem_textviewclassflexitem_songname{{item.songname}}/viewviewclassflexitem_singer{{item.singer}}/view/view/viewviewhidden{{hideloading}}加载中/view/scrollview二、以下是JS部分Page({data:{songslist:[{id:1,imgurl:image/songimg.png,songname:饿狼传说,singer:张学友},{id:2,imgurl:image/songimg.png,songname:唯一,singer:王力宏}],hideloading:false,toView:30,lowerbusy:false},//此处为scrollview定义的下拉至底部触发事件,lowerbusy标志位是为了解决多次触发该事件导致的问题lower:function(){console.log(下拉刷新);varthatthis;if(this.data.lowerbusy){console.log(加载正忙)return;}else{this.setData({hideloading:false,lowerbusy:true})varnew_songlist[];//此处延时改变data中的数据模拟加载过程setTimeout(function(){for(vari0;i6;i++){varsong{id:that.data.songslist.length+i+1+,imgurl:image/songimg.png,songname:that.data.songslist[i].songname,singer:that.data.songslist[i].singer}new_songlist.push(song);//console.log(song:+song);}console.log(new_songlist);//此处恢复lowerbusythat.setData({songslist:that.data.songslist.concat(new_songlist),hideloading:true,lowerbusy:false})},3000)}}})刚开始遇到的是scrollview的bindscrolltolower事件在滑动到底部的时候会多次触发,于是加了标志位解决这个问题。Android上已经看起来一切很正常,实现了滑到底部加载的问题。但是IOS滑动到底部却没有任何反应。还有一点需要说下,当时布局为了解决scrollview组件能够撑满全屏样式部分采用flex布局,而没有给scrollview标签写固定height。求各位哥哥姐姐,叔叔婶婶帮帮忙分享下经验呗!姜小白
标签:小程序
「小程序IOS的scrollview不触发bindscrolltolower事件问题」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序IOS的scrollview不触发bindscrolltolower事件问题」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序IOS的scrollview不触发bindscrolltolower事件问题」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序IOS的scrollview不触发bindscrolltolower事件问题」
微信公开课小程序热门讨论「小程序IOS的scrollview不触发bindscrolltolower事件问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序IOS的scrollview不触发bindscrolltolower事件问题」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:13:30
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>