zepto.js頁面動畫

Question

有誰知道如何更改頁面/部分使用的動畫類型？我閱讀文檔，但無法理解一件事。我喜歡這個框架，我真的想嘗試一下，但絕對沒有關於這個問題的教程或文檔。

Answer 1

您可以使用這些的Zepto動畫，這是原生的webkit過渡：

$('.pages').anim({ translateX: window.innerWidth + 'px'}, 0.5, 'ease-out');

或

$('.pages').anim({ translate3d: window.innerWidth + 'px, 0, 0'}, 0.5, 'ease-out');

動畫列出可用：

var supportedTransforms = [ 
     'scale', 'scaleX', 'scaleY', 
     'translate', 'translateX', 'translateY', 'translate3d', 
     'skew',  'skewX',  'skewY', 
     'rotate', 'rotateX', 'rotateY', 'rotateZ', 'rotate3d', 
     'matrix' 
     ];