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' 鼠標縮放
相關文章
相關標籤/搜索