iscroll是乙個非常不錯的區域滑動外掛程式。
不過它有個小小的不足,就是它的說明文件。
全英文不說,整理的也不咋好,官網上看著很亂,不容易查閱。
因此上網找了一些相關的文件說明並加以整理。
iscroll 提供的呼叫方法
destroy
顧名思義,是用來銷毀你例項化的iscroll 例項,包括之前繫結的所有iscroll 事件。
refresh
這個方法非常有用,當你的滾動區域的內容發生改變 或是 滾動區域不正確,都用通過呼叫refresh 來使得iscroll 重新計算滾動的區域,包括滾動條,來使得iscroll 適合當前的dom。
scrollto
這個方法接受4個引數x,y,time,relativex 為移動的x軸座標,y為移動的y軸座標, time為移動時間,relative表示是否相對當前位置。
scrolltoelement
這個方法實際上是對scrollto的進一步封裝,接受兩個引數(el,time),el為需要滾動到的元素引用,time為滾動時間。
scrolltopage
此方法接受三個引數(pagex,pagey,time) 當滾動內容的高寬大於滾動範圍時,iscroll 會自動分頁,然後就能使用scrolltopage方法滾動到頁面。當然,當hscroll 為false 的時候,不能左右滾動。pagex這個引數就失去效果
disable
呼叫這個方法會立即停止動畫滾動,並且把滾動位置還原成0,取消繫結touchmove, touchend、touchcancel事件。
enable
呼叫這個方法,使得iscroll恢復預設正常狀態
stop
立即停止動畫
zoom
改變內容的大小倍數,此方法接受4個引數,x,y,scale,time 分別表示的意思為,放大的基準座標,以及放大倍數,動畫時間
isready
當iscroll 沒有處於正在滾動,沒有移動過,沒有改變大小時,此值為true
iscroll 的初始化屬性
hscroll: true, //是否水平滾動
vscroll: true, //
是否垂直滾動
x: 0, //
滾動水平初始位置
y: 0, //
滾動垂直初始位置
snap: true, //
值可以為true或是dom元素的tagname,當為true時,對齊的座標會根據可滾動的位置和滾動區域計算得到可滑動幾頁,如果為tagname,則滑動會對齊到元素上
bounce: true, //
是否超過實際位置**
bouncelock: false, //
當內容少於滾動是否可以**,這個實際用處不大
momentum: true, //
動量效果,拖動慣性
lockdirection: true, //
當水平滾動和垂直滾動同時生效時,當拖動開始是否鎖定另一邊的拖動
usetransform: true, //
是否使用css形變
usetransition: false, //
是否使用css變換
topoffset: 0, //
已經滾動的基準值(一般情況用不到)
checkdomchanges: false, //
是否自動檢測內容變化(這個檢測不是很準)
//scrollbar相關引數,通過scrollbar這些引數可以配置iscroll的滾動條,通過scrollbarclass可以自己定義一套滾動條的樣式。
hscrollbar: true, //
是否顯示水平滾動條
vscrollbar: true, //
同上垂直滾動條
fixedscrollbar: isandroid, //
對andriod的fixed
hidescrollbar: isidevice, //
是否隱藏滾動條
fadescrollbar: isidevice && has3d, //
滾動條是否漸隱漸顯
scrollbarclass: '', //
自定義滾動條的樣式名
//zoom放大相關的引數,通過它,對於乙個固定顯示區域的類似應用,可以非常簡單的做到固定滾動,包括兩指放大的應用。
zoom: false, //
預設是否放大
zoommin: 1, //
放大的最小倍數
zoommax: 4, //
最大倍數
doubletapzoom: 2, //
雙觸放大幾倍
wheelaction: 'scroll', //
滑鼠滾動行為(還可以是zoom)
//自定義events相關引數
onrefresh: null, //
refresh 的**,關於自身何時呼叫refresh 後面會繼續談到
onbeforescrollstart: function(e), //
開始滾動前的時間**,預設是阻止瀏覽器預設行為
onscrollstart: null, //
開始滾動的**
onbeforescrollmove: null, //
在內容移動前的**
onscrollmove: null, //
內容移動的**
onbeforescrollend: null, //
在滾動結束前的**
onscrollend: null, //
在滾動完成後的**
ontouchend: null, //
手離開螢幕後的**
ondestroy: null, //
銷毀例項的**
onzoomstart: null, //
開始放大前的**
onzoom: null, //
放大的**
onzoomend: null
//放大完成後的**
12因子應用文件 一
現在軟體通常交付為乙個服務 可以叫web應用,或軟體即服務 saas 12因子是一種構建saas應用的方法 12因子方法可以應用在任何語言編寫的應用,可以應用在任意後端服務 資料庫,佇列,記憶體快取等 這篇文件的內容在我們使用heroku平台的工作中直接使用在上百個應用的開發與部署上,間接影響了數千...
DataGrid 應用文章
1 datagrid動態模板列更新資料並且分頁的例子 2 datagrid動態新增模板列的乙個例子 3 datagrid實現增刪 帶提示 改和分頁 4 怎麼在繫結後動態改變datagrid中的內容 5 怎麼為datagrid中的鏈結設定多個引數 6 datagrid實現自增列 單選 多選 8 dat...
asterisk 的應用文摘
在freepbx中,有多處需要設定dial rules,設定規則如下 x代表乙個0 9中的任意乙個數字 z代表乙個1 9中的任意乙個數字 n代表乙個2 9中的任意乙個數字 1237 9 匹配括號內的任何數字或字母 在這個例子中匹配1,2,3,7,8,9 萬用字元,匹配乙個或多個字元 不允許在 或 之...