iscroll.js是Matteo Spinelli开发的一个js文件,使用原生js编写,不依赖与任何js框架。旨在解决移动webkit系浏览器的区域滚动问题,兼容mobile safari、android默认浏览器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心浏览器。
基本参数
参数名 说明
hScroll:true 是否允许水平滚动
vScroll:true 是否允许垂直滚动
bounce:true 是否超过实际位置反弹
bounceLock:false 当内容少于滚动是否可以反弹
momentum:true 是否开启拖动惯性
lockDirection:true 当水平或垂直拖动时是否锁定另一边的拖动
useTransform:true 是否使用CSS变形
useTransition:false 是否使用CSS变换
checkDOMChanges:false 是否自动检测内容变化
topOffset:0 已经滚动的基准值(一般用在拖动刷新)
x:0 滚动水平初始位置(负值)
y:0 滚动垂直初始位置(负值)
Scrollbar 的相关参数
参数名 说明
hScrollbar:true 是否显示水平滚动条
vScrollbar:true 是否显示垂直滚动条
fixedScrollbar:true 在iOS系统上,当元素拖动超出了scroller的边界时,滚动条会收缩,
设置为true可以禁止滚动条超出scroller的可见区域。默认在Android上为true, iOS上为false
hideScrollbar:true 是否隐藏滚动条 默认在Android上为false, iOS上为true
fadeScrollbar:true 滚动条是否渐隐渐显 默认在Android上为false, iOS上为true
scrollbarClass * 字定义滚动条的样式名 自定义class ''
Zoom 放大相关的参数
参数名 说明
zoom:false 是否放大
zoomMin:1 放大的最小倍数 数字值
zoomMax:4 放大的最大倍数 数字值
doubleTapZoom:2 双击放大倍数 数字值
wheelAction:'scroll' 鼠标滚动行为(还可以是zoom) none 不支持 'scroll' 鼠标滚动 'zoom' 鼠标缩放