smoothstate.js reverse animation

Question

smoothstate.js 라이브러리 내의 장면 요소의 역 애니메이션에 약간의 문제가 있습니다. 내가 사이트 작업입니다 : 실제로 LINK

은 "됐나-종료"클래스는 DOM에 적용하지만 애니메이션이 여기 를 발생하지 않는 내 CSS입니다 :

.animated .scene_element{ 
    -webkit-animation-duration: 1s; 
      animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
      animation-fill-mode: both; 

} 

.animated.is-exiting .scene_element { 
      -webkit-animation-direction: alternate-reverse; 
      animation-direction: alternate-reverse; 
} 

및 JQuery와

;(function ($) { 
    'use strict'; 
    var $body = $('html, body'), // Define jQuery collection 
     content = $('#wrapper').smoothState({ 
     onStart : { 
      duration: 500, 
      render: function() { 
      content.toggleAnimationClass('is-exiting'); 

      // Scroll user to the top 
      $body.animate({ 'scrollTop': 0 }); 

      } 
     } 
     }).data('smoothState'); 
})(jQuery); 

Answer 1

css로 선언 된 애니메이션 기간은 javascript에 선언 된 전체 애니메이션보다 길다. 0.5 초

.animated .scene_element{ 
    -webkit-animation-duration: 1s; 
      animation-duration: 1s; 

onStart : { 
      duration: 500, 
      render: function() {