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' 鼠標縮放