Does anyone know how to change the type of animation the page/sections uses? I read the docs but couldn't understand a single thing. I like the framework and I really want to give it a try but there is absolutely NO tutorials or documentation for that matter.

Does anyone know how to change the type of animation the page/sections uses? I read the docs but couldn't understand a single thing. I like the framework and I really want to give it a try but there is absolutely NO tutorials or documentation for that matter.

• javascript
• jquery
• frameworks
• zepto

1 Answer 1

You can use those Zepto animations, which are native webkit transitions:

$('.pages').anim({ translateX: window.innerWidth + 'px'}, 0.5, 'ease-out');

or

$('.pages').anim({ translate3d: window.innerWidth + 'px, 0, 0'}, 0.5, 'ease-out');

List of animation available:

var supportedTransforms = [
        'scale', 'scaleX', 'scaleY',
        'translate', 'translateX', 'translateY', 'translate3d',
        'skew',      'skewX',      'skewY',
        'rotate',    'rotateX',    'rotateY',    'rotateZ',    'rotate3d',
        'matrix'
      ];