當前位置:編程學習大全網 - 編程軟體 - zepto移動端上下滑動 怎麽做

zepto移動端上下滑動 怎麽做

手機端頁面切換,頁面跟隨手勢上下/左右滑動,依賴zepto.js。如果工程中同時使用jquery的話,采用如下方式來調用zepto的方法。

(function($){$('#Marke').touchSlider({direction: 'v',itemSelector:'.slide',slidePercent:0.2});

})(Zepto)。

調用方式:$('#Marke').touchSlider({direction: 'v',itemSelector:'.slide',slidePercent:0.2})

direction:v/h,豎滑或橫滑。

itemSelector:需要滑動的壹組DOM元素,使用同壹的className來標識。

slidePercent:用戶滑動多少百分比(0.0~1.0)後才會觸發slider,否則就還原到滑動前的位置。

擴展資料:

zepto的使用:

1,針對移動端程序,Zepto有壹些基本的觸摸事件可以用來做觸摸屏交互。

2,DOM操作:,添加id時Zepto會生效。

3,事件觸發:使用zepto時load事件的處理函數會執行。

4,事件委托:zepto中,選擇器上所有的委托事件都依次放入到壹個隊列中。

5,width() 與 height():zepto由盒模型(box-sizing)決定,用.width()返回賦值的width,用.css('width')返回border等的結果。

  • 上一篇:哪些企業實行了業務外包的經營策略
  • 下一篇:JAVA和KAVA的區別
  • copyright 2024編程學習大全網