iscroll触屏滚动资源-CSDN文库

共75个文件

js：31个

html：21个

json：8个

iscroll

触屏加载

触屏滚动

1星需积分: 10 22 浏览量 2014-11-04 15:03:52 上传评论收藏 529KB RAR 举报

**iscroll触屏滚动** iscroll是一款轻量级的JavaScript库，专为处理移动设备上的触摸滚动事件而设计。在移动Web开发中，由于浏览器的默认滚动行为与用户交互的期望不完全匹配，iscroll应运而生，它提供了一种自定义滚动效果的方式，支持高性能的滚动、平滑滚动、滚动条控制以及多种滚动方向（横向和纵向）。 iscroll的核心功能包括： 1. **高性能滚动**：iscroll通过硬件加速和精确的事件管理来优化滚动性能，使得在移动设备上实现流畅的滚动体验成为可能。 2. **自定义滚动条**：iscroll允许开发者自定义滚动条的样式和行为，这在原生浏览器中通常难以实现。 3. **多方向滚动**：iscroll支持横向和纵向滚动，可以根据布局需求轻松切换。 4. **下拉刷新和上拉加载**：iscroll内置了下拉刷新和上拉加载的功能，这对于实现无限滚动列表或者加载更多数据的页面非常有用。 5. **事件监听**：iscroll提供了丰富的事件接口，如`scrollStart`、`scroll`、`scrollEnd`等，便于开发者在滚动过程中执行相应的操作。 6. **API控制**：iscroll提供了一系列API方法，如`scrollTo`、`scrollBy`、`refresh`等，可以精确地控制滚动位置和行为。在实际使用iscroll时，我们需要先引入iscroll库文件，然后创建一个iscroll实例，指定滚动区域的DOM元素和配置选项。例如： ```html <!DOCTYPE html> <html> <head> <script src="iscroll.js"></script> </head> <body> <div id="wrapper">  </div> <script> var myScroll = new IScroll('#wrapper', { scrollbars: true, // 开启滚动条 bounce: true, // 开启弹性滚动 mouseWheel: true // 开启鼠标滚轮滚动 }); </script> </body> </html> ``` 在`iscroll-master`压缩包中，通常会包含iscroll库的源代码、示例代码（demo）、文档和可能的其他资源。通过查看这些示例，我们可以更深入地了解如何在项目中集成和定制iscroll。同时，iscroll的文档会详细介绍各个配置选项和API，帮助开发者更好地理解和使用这个库。 iscroll适用于需要高度定制滚动效果的移动Web应用，如新闻阅读器、电商应用、社交网络等。通过熟练掌握iscroll，开发者可以为用户创造更加自然、流畅的触屏交互体验。

资源推荐

资源详情

资源评论

收起资源包目录

iscroll-master.rar （75个子文件）

iscroll-master

demos

barebone

index.html 4KB

forms

index.html 4KB

no-transition

index.html 4KB

click

index.html 4KB

scroll-to-element

index.html 4KB

key-bindings

index.html 4KB

styled-scrollbars

index.html 5KB

horizontal

index.html 3KB

minimap

index.html 3KB

ermine.jpg 151KB

simple

index.html 4KB

2d-scroll

index.html 7KB

tap

index.html 4KB

bounce-easing

index.html 4KB

event-passthrough

index.html 5KB

infinite

index.html 5KB

dataset.php 393B

carousel

leonardo.jpg 8KB

giotto.jpg 16KB

index.html 3KB

warhol.jpg 12KB

gaugin.jpg 10KB

probe

index.html 3KB

zoom

index.html 3KB

snap

index.html 4KB

parallax

galaxies2.png 91KB

index.html 3KB

stars.jpg 30KB

galaxies1.png 103KB

scrollbars

index.html 4KB

package.json 620B

build.js 4KB

LICENSE 1KB

CONTRIBUTING.md 1KB

src

core.js 15KB

utils.js 6KB

close.js 174B

infinite

refresh.js 524B

build.json 442B

infinite.js 3KB

probe

_move.js 280B

indicator._move.js 252B

probe.js 128B

build.json 314B

_animate.js 851B

open.js 37B

indicator

_initIndicators.js 2KB

_translate.js 123B

indicator.js 12KB

build.json 467B

_transitionTimingFunction.js 144B

_transitionTime.js 132B

zoom

zoom.js 4KB

refresh.js 274B

handleEvent.js 1KB

build.json 479B

snap

refresh.js 212B

build.json 195B

_end.js 398B

snap.js 5KB

keys

keys.js 3KB

build.json 102B

wheel

build.json 247B

wheel.js 2KB

default

handleEvent.js 905B

_animate.js 769B

.nodemonignore 36B

RELEASENOTES.md 851B

.gitignore 31B

README.md 36KB

build

iscroll-zoom.js 53KB

iscroll-probe.js 49KB

iscroll-lite.js 23KB

iscroll-infinite.js 37KB

iscroll.js 48KB

评论收藏

内容反馈

cyjun1978

2014-12-15

就是官方发布的DEMO，完全没有自己的东西，等同欺骗分数

goinni

粉丝: 8
资源: 44

iscroll触屏滚动

iscroll分页滚动（加回到顶部）

iscroll移动app滚动分页demo

页面滚动分页---iScroll实例：下拉刷新，滚动翻页

iscroll触摸屏幻灯片，梦幻的一米

手机滚动iscroll

最牛x的滚动插件 – jquery的iscroll插件

iscroll4

iscroll插件

学习使用jquery iScroll.js移动端滚动条插件

手机触屏滚动切换效果 js

iscroll-5.1.3

原生 iscroll-4

iscroll.js下载 5.2.0最新版本

iScroll.zip

iscroll4.js

iScroll支持IE8+,FIREFOX,CHROME

iscroll的用法一个完整的例子

iscroll.js手机触屏滑动上拉加载和下拉刷新代码.zip

Iscroll5 上拉刷新，下拉加载

iscroll5+afui3.0上拉加载下拉刷新

全屏滚动 网页优美

基于iScroll的jQuery可滑动手机日期选择插件

jquery模拟手机触屏上下滚动效果.rar

下拉刷新，上拉加载，JqueryMobile1.4.3+iScroll4

移动web的滑动切换demo

javascript 原生代码全屏滚动

【免费分享】下拉刷新+上拉加载=JqueryMobile1.4.3+iScroll4

iscroll.js的上拉下拉刷新时无法回弹的解决方法

IScroll那些事_当内容不足时下拉刷新的解决方法

jquery mobile iscorll 换屏

最新资源

全屏滚动网页优美