最牛x的滚动插件 – jquery的iscroll插件(附上下拉刷新消息demo)
来源:互联网 发布:淘宝怎么修改评价 编辑:程序博客网 时间:2024/06/05 08:25
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。
它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。
iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚它甚至能帮你打扫办公室。
即使平台本身提供的滚动已经很不错,iScroll可以在此基础上提供更多不可思议的功能。具体来说:
- 细粒度控制滚动位置,甚至在滚动过程中。你总是可以获取和设置滚动器的x,y坐标。
- 动画可以使用用户自定义的擦出功能(反弹'bounce',弹性'elastic',回退'back',...)。
- 你可以很容易的挂靠大量的自定义事件(onBeforeScrollStart, *
- 开箱即用的多平台支持。从很老的安卓设备到最新的iPhone,从Chrome浏览器到IE浏览器。
使用场景:
iScroll更多是用在webapp上面,比如常见的一个场景:类似微信的聊天界面往上翻会自动加载历史消息
demo地址:
http://www.huolg.net/html5/app/iscroll/
版本说明:
网上有很多基于iscroll4的例子,但目前最新版本是iscroll5,作者已经明确表示不再维护4,5比4支持范围更广,性能更佳,表现更好。
针对iScroll的优化。为了达到更高的性能,iScroll分为了多个版本。你可以选择最适合你的版本。
目前有以下版本:
- iscroll.js,这个版本是常规应用的脚本。它包含大多数常用的功能,有很高的性能和很小的体积。
- iscroll-lite.js,精简版本。它不支持快速跳跃,滚动条,鼠标滚轮,快捷键绑定。但如果你所需要的是滚动(特别是在移动平台) iScroll 精简版 是又小又快的解决方案(这个能应付大多数场景)。
- iscroll-probe.js,探查当前滚动位置是一个要求很高的任务,这就是为什么我决定建立一个专门的版本。如果你需要知道滚动位置在任何给定的时间,这是iScroll给你的。(我正在做更多的测试,这可能最终在常规iscroll.js脚本,请留意)。
- iscroll-zoom.js,在标准滚动功能上增加缩放功能。
- iscroll-infinite.js,可以做无限缓存的滚动。处理很长的列表的元素为移动设备并非易事。 iScroll infinite版本使用缓存机制,允许你滚动一个潜在的无限数量的元素。
0 0
- 最牛x的滚动插件 – jquery的iscroll插件(附上下拉刷新消息demo)
- JQuery插件iScroll实现下拉刷新,滚动翻页特效
- Jquery Mobile 插件 iscroll的使用
- 最简单的jquery间歇性滚动插件
- EasySlider-最简洁的JQuery滚动插件
- 移动端的 jquery——移动端滚动条插件iScroll.js API文档
- iscroll插件的一些用法
- 移动端滚动插件iScroll
- jquery的插件 autocomplete demo
- jquery插件ajaxFileUpload的demo
- vue.js 下拉刷新插件(demo)
- jquery的一个消息插件
- jquery mobile关于使用iscroll动态加载数据实现下拉刷新和上拉的效果
- iscroll插件需要注意的问题
- 【Iscroll.js 】一个高性能,资源占用少,无依赖,多平台的Javascript滚动插件
- 关于iscroll滚动插件,在iOS下面,上拉之后无法回弹的问题
- iScroll的Demo实例
- iscroll滚轮插件实现纯文字滚动
- getopts详解
- 二叉树算法引发的指针参数传递和引用的思考
- The method getJspApplicationContext(ServletContext) is undefined for the type JspFactory的解决方法
- 使用PowerDesigner画ER图详细教程
- linux之vim命令使用
- 最牛x的滚动插件 – jquery的iscroll插件(附上下拉刷新消息demo)
- 1001. 害死人不偿命的(3n+1)猜想 (15)
- C/Linux C编码笔记
- 初学Struts 2创建一个Hello World例子(注解版)
- LeetCode 73. Set Matrix Zeroes
- FP-growth算法高效关联分析
- Scanner类用法
- 抽象类与接口该怎么选用
- 将制作好的系统安装到硬盘上