Jquery 从左侧滑动,将所有内容推到下一行
我在一些元素上有一个从左滑入的效果,这些元素以固定的间隔出现在屏幕上。其思想是,这些元素中的每一个都向左浮动,因此它看起来像一条从左到右的流Jquery 从左侧滑动,将所有内容推到下一行,jquery,jquery-animate,slidetoggle,Jquery,Jquery Animate,Slidetoggle,我在一些元素上有一个从左滑入的效果,这些元素以固定的间隔出现在屏幕上。其思想是,这些元素中的每一个都向左浮动,因此它看起来像一条从左到右的流 问题是,“从左开始滑动”效果会将所有内容推到其下方的行,直到动画完成。当过渡是淡入时,它工作得很好。转到测试页面。只需单击登录页上的“Pinterest”,您就可以看到问题 我看到W动画使用了一个临时元素和一个名为.ui effects wrapper的类,但是这个类没有在任何CSS文件中定义。同时,时态元素使用内联样式。在这些文章中,我发现了一种Floa
问题是,“从左开始滑动”效果会将所有内容推到其下方的行,直到动画完成。当过渡是淡入时,它工作得很好。转到测试页面。只需单击登录页上的“Pinterest”,您就可以看到问题 我看到W动画使用了一个临时元素和一个名为
.ui effects wrapper
的类,但是这个类没有在任何CSS文件中定义。同时,时态元素使用内联样式。在这些文章中,我发现了一种Float:none
风格,这就是为什么动画将所有东西都推到它下面
所以,要解决问题;在CSS文件中声明一个名为.ui effects wrapper
的类,使用float:left
规则
.ui-effects-wrapper {
float: left !important
}
!重要信息
防止内联线样式覆盖定义的规则。这就解决了问题。作为一个评论,我注意到在许多图片被抓取后,动画并不平滑