手機端頁面切換,頁面跟隨手勢上下/左右滑動,依賴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等的結果。