Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 从左侧滑动,将所有内容推到下一行_Jquery_Jquery Animate_Slidetoggle - Fatal编程技术网

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
}
!重要信息
防止内联线样式覆盖定义的规则。这就解决了问题。作为一个评论,我注意到在许多图片被抓取后,动画并不平滑