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

Question

我对幻灯片放置在屏幕上的某些元素的左侧效果是以固定的间隔显示。想法是，这些元素中的每一个都左移，因此它看起来是从左到右的流。

问题是，从左侧效果的幻灯片将所有内容都推到它下面的行中，直到它完成动画。当转换淡入Here is a link到测试页时，它工作正常。只需点击着陆页上的“Pinterest”即可看到问题。

Answer 1

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

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

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

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