iscroll参数
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' 鼠標縮放
基本參數? ?
參數名? ?? ?? ?? ?? ?? ?? ?? ?說明? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ??
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' 鼠標縮放
轉載于:https://www.cnblogs.com/xiaohong/p/4185045.html
總結
- 上一篇: 分享图文到QQ空间
- 下一篇: int string java 呼转