[英]jQuery's sliding functions conflict with CSS animation
我试图在一个元素上使用slideUp和slideDown函数,但是当我在同一元素上应用CSS动画时,似乎存在冲突。 http://jsfiddle.net/zgYNg/
在上面的示例中,我在悬停上使用了CSS转换,但是似乎与jQuery的功能存在冲突。唯一可行的方法是在滑动之前先删除类
.buggy{
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
只需将所有更改为CSS .buggy中的背景
.buggy{
-webkit-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.