滚~滚~滚动条(移动端 二)
好的,现在更第二篇。
首先在上一篇说过了滚动条的写法,也很简单,几行代码就敲出来了。然后在滚动条写完了,项目写完就出现问题了。
先是点击事件莫名的点击一次然后竟然触发了两次,对没错,是两次。头皮都挠完了才发现问题,莫名的伤心
先是尝试了点击添加事件,然后再解绑事件。结果还是不行。某位大神跟我说去看源码。最后强忍着牙进入源码,一番折腾知道一般情况下很多框架里面其实都会
写一个刷新的函数,这样子问题就迎刃而解了。我在点击以后重新刷新,那么点击事件就回到了最开始网页加载的时候,那么也就不存在触发两次了。那么就直接上代码了。
在上一篇写过代码
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
滚~滚~滚动条(移动端 二)相关推荐
- 区块链教程Fabric1.0源代码分析流言算法Gossip服务端二
区块链教程Fabric1.0源代码分析流言算法Gossip服务端二 Fabric 1.0源代码笔记 之 gossip(流言算法) #GossipServer(Gossip服务端) 5.2.commIm ...
- H5分享页面(1)——web端二次分享配置内容
在H5分享页面中,如果用户进行了二次分享,需要进行一些配置才能进行使用,如微信二次分享就必须调用微信的JS-SDK来完成.下面对分享配置代码进行了封装: 存放路径:public/resources/j ...
- 淘宝商品详情API接口(网页版,APP端二合一接口)
接口名称:淘宝商品详情API接口(网页版,APP端二合一接口) 接口状态:已完成 接口地址:http://gjx.sd1118.com/api/product/info 请求方式:GET Conten ...
- H5 移动端二维码扫描
H5 移动端二维码扫描-附加扫描样式 依赖包jsQR 思路:通过浏览器获取视频流播放在video当中,然后设置定时器截取视频流绘制在canvas中,使用canvas获取到图片信息,再使用jsQR解析二 ...
- WordPress独立后台高端二开黑金壁纸微信小程序源码
WordPress独立后台壁纸小程序是一款高端二开黑金壁纸微信小程序源码,拥有WP独立后台运行,可以自定义后台添加流量AD ID.这款源码,是修复版的,支持看AD后保存壁纸到本地. 内附安装教程. W ...
- 【Android】移动端二维码扫描解决方案衍变
移动端二维码扫描解决方案衍变 目录 踩坑&方案 方案选择 Zxing方向 Hms ScanKit方向 总结 目录 踩坑&方案 Zxing yyds? no,no,no -> Sc ...
- 微信扫描PC端二维码跳转到小程序确认登录通过WebSocket来获取用户信息达到PC端登录
需求: 在pc端获取后端给的token值来生产二维码(这里后端给了我两个url:一个是二维码url,一个是ws的 url),用微信扫描二维码跳转到小程序写的确定登录页面(进行确定):然后在PC端使用W ...
- 苹果支付成功后,JAVA服务端二次验证
原理简述: 苹果客户端在完成应用购买,下单后支付,苹果后台会给客户端返回信息,用来验证支付结果: 客户端在拿到返回值后,将指定返回值,通过接口形式请求应用服务器,应用服务器根据这个值调用苹果服务器进行 ...
- 山东大学项目实训(四)—— 微信小程序扫描web端二维码实现web端登录
效果 点击登录后,显示二维码→打开"探古"(本项目)微信小程序,扫描二维码确认登录→web端登录成功 主要流程 因为本人主要负责web前端的开发,所以本文仅介绍web前端的实现方法 ...
- 微分销商城系统源码 支持小程序端+公众号端二合一 含详细部署教程
分享一个实用的微分销商城系统源码,一个后台同时管理微信公众号端和小程序端,自带营销功能插件,含详细的安装部署教程. 系统特色功能一览: 1.电商功能,多商户商家入驻: 2.区域代理,收银台,互动直播: ...
最新文章
- Uber无人车撞人视频公布,究竟哪儿出问题了?
- leetcode 反转字符串
- Release Type
- python获取天气信息写入原有的excel文档
- TFS突然链接不上(TF30063),并且MSN也连接不上,报主要端口的错误!
- python两个字典合并,两个list合并
- 怎么添加本地音乐_原来手机点击这个按钮,就能一键生成音乐电子相册!这也太厉害了...
- 1102. Invert a Binary Tree (25)-PAT甲级真题
- 交流信号叠加直流偏置_T型偏置器与隔直器,二者应用之对比
- Docker详解(十)——Docker容器CPU资源限额配置
- MySQL—Install/Remove of the Service Denied
- Image.fromarray的用法(实现array到image的转换)
- 校园网免认证登录基于DNS伪装包
- C++软件工程师的发展前景如何
- Excel中带字母的数字序列自增实现方法
- 数字图像处理:局部直方图处理(Local Histogram Processing)
- 智能PID软件-AVEVA Diagrams报表功能介绍【图瓦软件出品】
- 一文搞懂Linux系统内核升级及下载当前内核源代码
- 面向对象三大特性,五大原则
- 随笔-springBoot配置全局跨域
热门文章
- 表情识别(四)--多网络级联表情识别
- javascript 中的prompt 用法
- jsp人事管理系统_人事管理系统(论文+源码)(SSH+MYSQL+JSP+HTML5)
- 嵌入式系统——存储管理方案
- C语言:采用交互式方式打开指定的文件,若文件打开成功,则显示该文件的大小,并显示文件内容,若文件打开失败,则提示出错信息
- Const限定符与C++11Constexpr的区别
- 最大流学习笔记(4)-推送重贴标签算法二
- Oracle的数据并发与一致性详解(下)
- 图论--最小生成树总结(PrimKruskal)
- 最简单的DX窗口程序