iScroll框架解析 官方系统中文翻译.pdf

《iScroll框架解析 官方系统中文翻译.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、IScroll42012年9月12日9:34分区JS的第1页2012年9月12日9:37iScroll.js的用法概要iScroll4这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。然而，Android系统最新修订版已经可以支持这种功能了（尽管支持的力度还

2、不是特别好），Apple公司似乎不太情愿将one-finger滑动事件运用到div元素上。除了以前版本的iScroll的特性以外，iScroll4还包括如下的特性：（1）缩放（Pinch/Zoom）（2）拉动刷新（Pullup/downtorefresh）（3）速度和性能提升（4）精确捕捉元素（5）自定义滚动条友情提示：iScroll4并不是iScroll3的简易替代版本，API文档已经不一样了。同时考虑到此版本正处于测试期，一些API可能会有细微的变化。使用指南在此文档中你会发现很多例子来教会你如何快速上手iScroll脚本库。参看文中的demo小例子并仔细阅读此文档

3、，可能有点小无聊，但是这篇文章中却是iScroll这个脚本库的精髓之所在哦。iScroll需要对所要进行滚动的元素进行初始化，并且不限定一个页面中使用iScroll的元素的个数（这里不考虑您的硬件配置）。滚动元素中内容的类型和长度在一定程度上将会影响iScroll脚本库里可以同时使用的元素的个数。使用iScroll这个脚本库时，DOM树的结构要足够简单，移除不必要的标签，尽量避免过多的标签嵌套使用。最优的使用iScroll的结构如下所示：

.....