javascript - zepto.js 页面动画

Question

有谁知道如何更改页面/部分使用的动画类型？我阅读了文档，但无法理解一件事。我喜欢这个框架，我真的很想尝试一下，但绝对没有相关的教程或文档。

Answer 1

您可以使用那些 Zepto 动画，它们是 native 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'
      ];