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