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