Iscroll應用文件

2022-08-05 02:15:13 字數 3269 閱讀 3902

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 萬用字元,匹配乙個或多個字元 不允許在 或 之...