CSS3过渡代替.animate（）

Question

是存在的，而不是使用一个CSS3过渡使用jQuery中.animate（）的方法吗？

所以不是这个代码

jQuery('#pageHolder').stop().animate({ 
      left: 950 

}, 400, function() { 
      calcNav(pageSize); 
      calcPage(pageSize); 
}); 

可以和如何将我做到这一点与CSS过渡？

Answer 1

尝试

#pageHolder{ 
    -webkit-transition:left 0.4s; 
    -moz-transition:left 0.4s; 
    -o-transition:left 0.4s; 
    transition:left 0.4s; 
} 

附加处理程序转变结束事件

jQuery('#pageHolder').on('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', 
    function(){ 
     calcNav(pageSize); 
     calcPage(pageSize); 
    } 
); 

更改CSS属性触发事件

jQuery('#pageHolder').css({left: 950});