jQuery animate queue: false不能同时制作动画
jQuery animate queue: false not working to make animations simultaneous
我以前使用过jQuery的queue
修饰器使动画同时发生,但由于某种原因,这次我不能让它工作。
有问题的页面的URL是http://fretfast.com -当你点击左上角的"通知",你会看到,首先横栏扩展,然后"通知"栏扩展到适合它,同样的事情发生在高度动画。
我是这样做的:
n.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5});
nc.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5});
其中n
是"notifications"标题栏的变量,nc
是首先展开的通知容器的变量。知道怎么了吗?
你可能在你的CSS中有过渡属性,在你想要动画的选择器上。我花了很长时间才弄明白这一点,但显然,CSS过渡迫使动画滞后,或者发生在所有其他动画之后,有人能澄清或确认这一点吗?
使用jQuery动画和CSS动画一起可能是棘手的,有人对此有任何见解吗?提示?
相关文章:
- jQuery scrollTop没有'不能在FF或IE中制作动画,但在chrome中效果良好
- jQuery animate() 第二次不能正确地对高度进行动画处理
- 为什么jQuery不能准确地动画数字
- Textillate CSS动画不能完全与jQuery Mobile配合使用
- 为什么这个动画marginTop函数不能像我预期的那样工作
- 在这个java脚本动画中,第二次动画不能正常工作
- 伟大的动画不能在所有元素上工作
- 使用SpriteSheet在SpriteStage上渲染的动画不能正确显示
- JavaScript + CSS3动画不能正常工作
- 我的幻灯片输入/输出动画不能在jQuery中工作
- CSS动画不能在IE11上工作
- Sencha Touch Flip动画不能正常工作
- jQuery动画不能正常工作
- CSS动画不能与内联显示属性一起工作
- 动画不能与不同的HTML标记一起工作
- Javascript画布动画不能被多次使用
- 当我设置let 0px时,jquery动画不能正常工作
- JQuery动画不能在IE中工作
- jQuery动画不能在Firefox的IE中工作
- 动态生成菜单的动画不能正常工作