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' 
     ];