iScroll使用心得
来源:互联网 发布:广告接单软件 编辑:程序博客网 时间:2024/05/16 17:46
iScroll是一个用来控制页面滚动的jquery插件 官方地址:http://cubiq.org/iscroll-4,官方那边有例子和说明,不过是英文的,这边不多做介绍,需要的朋友可以去网上搜下,有很多中文介绍,这边主要是说下,使用中碰到的问题和解决方案。
iScroll的实现原理是这样的:它绑定了一个DIV,设置当前的div的overflow:hidden;获取当前div的高度,然后计算内部第一个元素的高度,如果内部第一个元素的高度大于div的高度,就可以内部滚动。其实这个和pc上写一个内部滚动是相同的。所以它对样式有一定的要求。绑定的DIV需要是position: absolute,而且它只能把div内的第一个元素滚动。所以如果想要DIV内部全部元素可以滚动的话,就要使用一个区域的DOM元素作为DIV的第一个元素,例如:div,ul之类。
因为初始化数据、上拉刷新 加载数据、下拉加载更多 加载数据,使用的是ajax方式取得json,ajax请求数据是异步的。当给iscroll的div加载数据是要主动调用refresh()方法,才能正常显示滚动条和和滚动定位,所以要在请求到json数据,并添加到iscroll之后,在ajax回调方法调用refresh(),这个时机比较适合。官方给的是直接for循环加入iscrooll的,所有添加内容没有延时,可以接着直接调用refresh()。
相同的。所以它对样式有一定的要求。绑定的DIV需要是position: absolute,而且它只能把div内的第一个元素滚动。所以如果想要DIV内部全部元素可以滚动的话,就要使用一个区域的DOM元素作为DIV的第一个元素,例如:div,ul之类。
参考网址:http://www.yingxiangzhi.com/blog/?p=1434
http://blog.sina.com.cn/s/blog_5e5082510101ehdr.html
http://www.gafish.net/api/iScroll.html
http://cubiq.org/iscroll-4
- iScroll使用心得
- iScroll的使用
- iScroll使用总结
- iscroll的基本使用
- 使用iscroll.js
- iscroll.js的使用
- iscroll基本使用
- iScroll.js使用
- iscroll
- iScroll
- iScroll
- iscroll
- iScroll使用遇到的坑
- iscroll4如何使用,iscroll使用实例
- iScroll框架的使用和修改
- iscroll使用不足的的地方
- Jquery Mobile 插件 iscroll的使用
- 使用iscroll的问题与解决办法
- jquery 容易被忽略的几个方法,会了你就是高手了
- android工程目录结构
- PRD产品需求文档
- 2> /dev/null的解释
- 给字符数组赋值的方法
- iScroll使用心得
- Linux下的命令行浏览器links
- iOS应用内支付(IAP)的注意事项
- 一个Socket通信小例子
- log4cpp简介与Linux安装
- iOS学习--详解UIView的 contentStretch属性
- 锂电池基本原理篇
- android实现后台自动发邮件功能
- DDS源码编译