flipsnap實現手機屏幕左右拖拽滑動效果的框架

官網:http://hokaccha.github.io/js-flipsnap/


官方說明文檔

參數說明:

名稱 類型 說明


maxPoint
數字 停止點計數。默認值是從元素項計數自動計算。
distance 數字 移動距離。默認值是從元素的寬度和maxPont自動計算。
transitionDuration 數字 轉換時間(毫秒)。默認值是350。
disableTouch 布爾值 當設置爲true,觸摸事件被禁用。只有操作按鈕或等接口。默認爲false。
disable3d 布爾值 當支持3D變換瀏覽器,此選項設置爲true,它不使用3D變換和使用2D變換。你應該設置爲true,當它是有一個錯誤的3D轉換設備(舊的Android或黑莓等)。默認爲false。

方法說明:

refresh():對子項目進行增減操作之後,進行更新,重新計算值。

hasNext():返回true或false。當有下一個元素,則返回true。

hasPren()返回true或false。當有上一個元素,則返回true。

toNext([transitionDuration]:下一個。

toPrev([transitionDuration]):上一個

moveToPoint(point, [transitionDuration]):根據數字移動到對應的項目


事件

fspointmove:移動時觸發此事件。

fstouchstart:touch行爲開始。

fstouchmove:touch行爲在移動過程中。

fstouchend:touch行爲結束。





發佈了29 篇原創文章 · 獲贊 40 · 訪問量 33萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章