博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IScroll
阅读量:5958 次
发布时间:2019-06-19

本文共 969 字,大约阅读时间需要 3 分钟。

hot3.png

这里总结一下IScroll使用应该注意的几点细节:

1、如果内容的高度比使用iscroll的标签的小的iscroll是不能滚动,也就是不能有上拉下拉的效果。

2、绑定了iscroll后如果有数据变动(添加或删除了标签)需要使用refresh()方法进行刷新,要不然要失效。

3、使用iscroll事件的时候(scrollstart,scroll,srollend)一定要设置一个参数:probeType如果没设置那么绑定事件就会无效。probeType的有效参数为1,2,3,越高就监听越精确,具体可以自己去试试。

4、绑定iscroll事件主要用到两个参数:this.y,this.maxScrollY;

this.y:就是你绑定iscroll的标签的y坐标,当在最上面的时候是0,滑到最下面就是maxScrollY;向下滑动值会增大

this.maxScrollY:就是滑动到最后一个元素时的y坐标

下拉刷新:要用到this.y;判断当y值大于多少时就执行刷新,现在普遍的都还要加上一个条件,就是松开后才刷新,要实现这个功能就要绑定touchend这个事件

上拉加载:用到maxScrollY,当当前的this.y大于maxScrollY某个数值的时候就进行加载,这里可以不用松开才加载,看个人喜好

5、绑定IScroll的标签要记得设置overflow:hidden属性

6、如果在使用了iscroll的页面要绑定其他事件的时候要注意,如果用了event.preventdefalut()的方法有可能会是iscroll失效,滚动不了。

7、使用IScroll要注意不要嵌套太多标签,只有wrapper(绑定iscroll的标签)的第一个子元素才可以滚动,所以要把滚动的列表元素放进这个子元素内。

即:

<div id="wrapper">

       <div>

  滚动列表

       </div>

      <div>

     若放在这里则不会滚动

     </div>

</div>

以下就是使用IScroll会出现的一些问题:

1、当多个标签绑定了IScroll的时候偶尔会出现某个标签不能滑动,可是当刷新后又可以了,所以iscroll多的情况下对性能要求挺高的,所以不能滥用。

转载于:https://my.oschina.net/u/2287563/blog/359100

你可能感兴趣的文章
Java 集合框架查阅技巧
查看>>
apache配置虚拟主机
查看>>
CollectionView水平和竖直瀑布流的实现
查看>>
前端知识复习一(css)
查看>>
spark集群启动步骤及web ui查看
查看>>
利用WCF改进文件流传输的三种方式
查看>>
Spring学习总结(2)——Spring的常用注解
查看>>
关于IT行业人员吃的都是青春饭?[透彻讲解]
查看>>
钱到用时方恨少(随记)
查看>>
mybatis主键返回的实现
查看>>
org.openqa.selenium.StaleElementReferenceException
查看>>
数论之 莫比乌斯函数
查看>>
linux下查找某个文件位置的方法
查看>>
python之MySQL学习——数据操作
查看>>
Harmonic Number (II)
查看>>
长连接、短连接、长轮询和WebSocket
查看>>
day30 模拟ssh远程执行命令
查看>>
做错的题目——给Array附加属性
查看>>
Url.Action取消字符转义
查看>>
HBase 笔记3
查看>>