微信小程序scroll-view滚动一次多次触发的问题解决方案

微信小程序scroll-view滚动一次多次触发的问题解决方案

最近使用微信小程序开发的时候,需要用scroll-view的bindscrolltolower事件,控制加载下一页的内容。但是发现在ios里,下拉滚动一次,事件触发两次,导致重复加载数据。

经过百度和亲身试验,可以采用用bool变量控制的方法解决这个问题:

1、在data中定义bool变量

//是否正在处理滚动事件,避免一次滚动多次触发isScrolling:false

2、bindscrolltolower事件处理函数中,进入时判断是否正在处理,并设置isScrolling值为true;退出时设置isScrolling值为false

if(this.data.isScrolling===true)      return;this.data.isScrolling=true;//业务逻辑代码..........this.data.isScrolling=false;

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部