用!important

时间:2017-06-29 21:13:06

标签: css css-animations

所以考虑到这个bug使用!important覆盖css动画是不可靠的。

但是,我遇到以下情况:

  1. 打开/关闭列表应该通过在列表中的每个元素上设置动画(使用带关键帧的css动画)高度来完成。
  2. order-by下拉列表允许重新排序列表中的元素。这是通过对所有元素(jquery) detach执行,后跟(jquery) append按正确顺序执行的。我想重新排序即时发生,没有动画。
  3. 然而,由于分离/重新连接,css动画再次开始。导致一个(虽然很好的动画)列表从0高度再次增长到全高度no,元素按正确的顺序排列。

    如何制作子弹2.工作?由于上面提到的错误,我无法使用!important来覆盖高级属性。似乎没有办法覆盖动画设置的属性。

    作为替代方案,我尝试在重新排序之前设置一个css类(并在重新排序后立即删除),这样做animation: none。虽然这确保在重新排序期间没有动画发生,但是当我删除所述类(并因此删除动画:无)重新排序发生后,由于某种原因而具有animation: <the fade in anim>的初始css类再次在动画中踢动,尽管它已经运行了一次*

    离开这个捕获22的任何方式?

    *)是的我按照以下animation: 0.2s ease 0s normal forwards 1 fadeinTdSpan;设置动画,所以它真的应该只运行一次。 但是,可能由于将节点添加到另一个父节点,动画循环重新开始。

0 个答案:

没有答案