animate动画从上到下滑动windowDialog明显要停顿一下

luoyi

我们页面用windowDialog打开对话框，关闭对话框时使用animated fast slideOutDown做下滑消失的效果，可是窗口下滑到一定程度时，总是会停顿一下，然后再往下走。顿的一下很明显，让人感觉不流畅，请问如何解决？

滑动效果就是参照这个写的http://doc.wex5.com/comps-windowdialog/#008

liangyongfei

/UI2/system/components/justep/dialog/demo/animate.css
修改代码：
100%  改成 150% 就可以了！

1. @-webkit-keyframes slideOutDown {
   
2.   from {
   
3.     -webkit-transform: translate3d(0, 0, 0);
   
4.     transform: translate3d(0, 0, 0);
   
5.   }
   
6. 
   
7.   100% {
   
8.     visibility: hidden;
   
9.     -webkit-transform: translate3d(0, 150%, 0);
   
10.     transform: translate3d(0, 150%, 0);
    
11.   }
    
12. }
    
13. 
    
14. @keyframes slideOutDown {
    
15.   from {
    
16.     -webkit-transform: translate3d(0, 0, 0);
    
17.     transform: translate3d(0, 0, 0);
    
18.   }
    
19. 
    
20.   100% {
    
21.     visibility: hidden;
    
22.     -webkit-transform: translate3d(0, 150%, 0);
    
23.     transform: translate3d(0, 150%, 0);
    
24.   }
    
25. }

复制代码