滚~滚~滚动条（移动端 二）

好的，现在更第二篇。

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

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

 

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

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

在上一篇写过代码

var myScroll；

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

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

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

function loaded() {

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

}

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

 

转载于:https://www.cnblogs.com/xzhan/p/9207503.html