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});