好的,现在更第二篇。

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

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

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

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

在上一篇写过代码

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

滚~滚~滚动条(移动端 二)相关推荐

  1. 区块链教程Fabric1.0源代码分析流言算法Gossip服务端二

    区块链教程Fabric1.0源代码分析流言算法Gossip服务端二 Fabric 1.0源代码笔记 之 gossip(流言算法) #GossipServer(Gossip服务端) 5.2.commIm ...

  2. H5分享页面(1)——web端二次分享配置内容

    在H5分享页面中,如果用户进行了二次分享,需要进行一些配置才能进行使用,如微信二次分享就必须调用微信的JS-SDK来完成.下面对分享配置代码进行了封装: 存放路径:public/resources/j ...

  3. 淘宝商品详情API接口(网页版,APP端二合一接口)

    接口名称:淘宝商品详情API接口(网页版,APP端二合一接口) 接口状态:已完成 接口地址:http://gjx.sd1118.com/api/product/info 请求方式:GET Conten ...

  4. H5 移动端二维码扫描

    H5 移动端二维码扫描-附加扫描样式 依赖包jsQR 思路:通过浏览器获取视频流播放在video当中,然后设置定时器截取视频流绘制在canvas中,使用canvas获取到图片信息,再使用jsQR解析二 ...

  5. WordPress独立后台高端二开黑金壁纸微信小程序源码

    WordPress独立后台壁纸小程序是一款高端二开黑金壁纸微信小程序源码,拥有WP独立后台运行,可以自定义后台添加流量AD ID.这款源码,是修复版的,支持看AD后保存壁纸到本地. 内附安装教程. W ...

  6. 【Android】移动端二维码扫描解决方案衍变

    移动端二维码扫描解决方案衍变 目录 踩坑&方案 方案选择 Zxing方向 Hms ScanKit方向 总结 目录 踩坑&方案 Zxing yyds? no,no,no -> Sc ...

  7. 微信扫描PC端二维码跳转到小程序确认登录通过WebSocket来获取用户信息达到PC端登录

    需求: 在pc端获取后端给的token值来生产二维码(这里后端给了我两个url:一个是二维码url,一个是ws的 url),用微信扫描二维码跳转到小程序写的确定登录页面(进行确定):然后在PC端使用W ...

  8. 苹果支付成功后,JAVA服务端二次验证

    原理简述: 苹果客户端在完成应用购买,下单后支付,苹果后台会给客户端返回信息,用来验证支付结果: 客户端在拿到返回值后,将指定返回值,通过接口形式请求应用服务器,应用服务器根据这个值调用苹果服务器进行 ...

  9. 山东大学项目实训(四)—— 微信小程序扫描web端二维码实现web端登录

    效果 点击登录后,显示二维码→打开"探古"(本项目)微信小程序,扫描二维码确认登录→web端登录成功 主要流程 因为本人主要负责web前端的开发,所以本文仅介绍web前端的实现方法 ...

  10. 微分销商城系统源码 支持小程序端+公众号端二合一 含详细部署教程

    分享一个实用的微分销商城系统源码,一个后台同时管理微信公众号端和小程序端,自带营销功能插件,含详细的安装部署教程. 系统特色功能一览: 1.电商功能,多商户商家入驻: 2.区域代理,收银台,互动直播: ...

最新文章

  1. Uber无人车撞人视频公布,究竟哪儿出问题了?
  2. leetcode 反转字符串
  3. Release Type
  4. python获取天气信息写入原有的excel文档
  5. TFS突然链接不上(TF30063),并且MSN也连接不上,报主要端口的错误!
  6. python两个字典合并,两个list合并
  7. 怎么添加本地音乐_原来手机点击这个按钮,就能一键生成音乐电子相册!这也太厉害了...
  8. 1102. Invert a Binary Tree (25)-PAT甲级真题
  9. 交流信号叠加直流偏置_T型偏置器与隔直器,二者应用之对比
  10. Docker详解(十)——Docker容器CPU资源限额配置
  11. MySQL—Install/Remove of the Service Denied
  12. Image.fromarray的用法(实现array到image的转换)
  13. 校园网免认证登录基于DNS伪装包
  14. C++软件工程师的发展前景如何
  15. Excel中带字母的数字序列自增实现方法
  16. 数字图像处理:局部直方图处理(Local Histogram Processing)
  17. 智能PID软件-AVEVA Diagrams报表功能介绍【图瓦软件出品】
  18. 一文搞懂Linux系统内核升级及下载当前内核源代码
  19. 面向对象三大特性,五大原则
  20. 随笔-springBoot配置全局跨域

热门文章

  1. 表情识别(四)--多网络级联表情识别
  2. javascript 中的prompt 用法
  3. jsp人事管理系统_人事管理系统(论文+源码)(SSH+MYSQL+JSP+HTML5)
  4. 嵌入式系统——存储管理方案
  5. C语言:采用交互式方式打开指定的文件,若文件打开成功,则显示该文件的大小,并显示文件内容,若文件打开失败,则提示出错信息
  6. Const限定符与C++11Constexpr的区别
  7. 最大流学习笔记(4)-推送重贴标签算法二
  8. Oracle的数据并发与一致性详解(下)
  9. 图论--最小生成树总结(PrimKruskal)
  10. 最简单的DX窗口程序