2014-10-12 3 views
2

, имеющая некоторые проблемы с обратной анимацией элементов сцены в пределах smoothstate.js libary. Я работаю на сайте: LINKsmoothstate.js обратная анимация

фактически «.is-покидающий» класс относится к 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); 
+0

Можете ли вы быть более конкретными с тем, что именно ожидаемый, желаемый результат? –

+0

@isim ясно, что он хочет, чтобы работа над анимацией прекратилась, а это не на данный момент. –

+0

@niecore, пожалуйста, поделитесь своим html, чтобы я мог видеть его, у меня тоже есть проблема, я слышал, что toggleAnimationClass уже устарел. Я все еще полагаю, что –

ответ

1

Продолжительность анимации, указанная в css, больше, чем общая анимация, объявленная в javascript.

1s против 0.5s

.animated .scene_element{ 
    -webkit-animation-duration: 1s; 
      animation-duration: 1s; 
onStart : { 
      duration: 500, 
      render: function() { 
Смежные вопросы