从左侧滑动将所有内容推送到下一行

Question

我从左侧效果中滑动了一些定期放在屏幕上的元素。我们的想法是，这些元素中的每一个都向左浮动，因此它看起来是从左到右的流。

问题在于左侧效果的幻灯片会将所有内容推送到其下方的行，直到完成动画为止。当转换过程中Here is a link到测试页面时，它工作正常。只需点击“Pinterest”即可。在着陆页上，您将能够看到问题。

Answer 1

我看到thew动画使用了一个名为.ui-effects-wrapper的类的temporal元素，但是这个类没有在任何CSS文件中定义。同时，temporal元素使用内联样式。在论文中，我找到了Float: none样式，这就是为什么动画在它下面推动它。

所以，解决问题;在CSS文件中声明一个名为.ui-effects-wrapper且具有float: left规则的类。

.ui-effects-wrapper {
    float: left !important
}

!important阻止内联样式覆盖.ui-effects-wrapper定义的规则。这解决了这个问题。就像评论一样，我注意到在拍摄了许多照片之后动画并不流畅。