滚~滚~滚动条(移动端 二)

好的,现在更第二篇。

首先在上一篇说过了滚动条的写法,也很简单,几行代码就敲出来了。然后在滚动条写完了,项目写完就出现问题了。

先是点击事件莫名的点击一次然后竟然触发了两次,对没错,是两次。头皮都挠完了才发现问题,莫名的伤心

 先是尝试了点击添加事件,然后再解绑事件。结果还是不行。某位大神跟我说去看源码。最后强忍着牙进入源码,一番折腾知道一般情况下很多框架里面其实都会

写一个刷新的函数,这样子问题就迎刃而解了。我在点击以后重新刷新,那么点击事件就回到了最开始网页加载的时候,那么也就不存在触发两次了。那么就直接上代码了。

在上一篇写过代码

var myScroll;

function firstloaded() {
myScroll = new iScroll('wrapper');
}

那么需要点击切换页面的时候,滚动条也就会失效,因为他只在网页的主页实现了,当切换了以后即使按照上一篇所写的代码,也是无法实现滚动的,那么是不是想再次调用这个函数呢?

扫描二维码关注公众号,回复: 1674884 查看本文章

可以的,那么调用了便出现了我之前说的bug了,那么我们如何调用呢。这里就可以引出我掉头发发现的那个函数了也就是

function loaded() {

myScroll.refresh();
myScroll2.refresh();
myScroll3.refresh();
myScroll4.refresh();
myScroll5.refresh();


}

我们重新声明一个函数,函数内部则是刷新之前的函数,前面的myScroll2.3.4什么的是多个需要滚动条的了,那么给他们重新刷新。在第二个第三个页面都是可以实现滚动,这里需要注意的是后面切换过来的网页调用的函数是loaded();好了这个bug到这里就解决了。

猜你喜欢

转载自www.cnblogs.com/xzhan/p/9207503.html