javascript - zepto.js ページのアニメーション

Question

ページ/セクションが使用するアニメーションの種類を変更する方法を知っている人はいますか? ドキュメントを読みましたが、何も理解できませんでした。私はフレームワークが好きで、本当に試してみたいと思っていますが、そのことに関するチュートリアルやドキュメントはまったくありません.

Answer 1

ネイティブの Webkit トランジションである Zepto アニメーションを使用できます。

$('.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'
      ];