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

を