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