为什么slideDown从左上角而不是整个宽度扩展图像?

劳埃德银行

我有一系列slideDown()想要从左到右的图片(创建瀑布效果)。我使用setInterval()以下方法创建瀑布效果

var i = 1;
var numberCount = 5;
var counter = window.setInterval(function(){
            $("#instagram-pictures .instagram-picture:nth-child(" + i + ")").slideDown(1200);
            if(i === numberCount){
                window.clearInterval(counter);
            }
            else{
                i = i + 1;
            }
        }, 400); 

slideDown零件外,此操作无故障出于某种原因,我的图片并未从整个顶行的宽度向下滑动,而是从左上角“展开”。

jsFiddle在这里

我该如何解决?

罗宾逊

.slideDown()动画height元素的,而不是它的位置。您允许根据width来自动确定每张图片的height因此,随着高度的变化,它也在确定新的宽度,并为对角线拉伸设置动画。

如果给图像提供固定的宽度,则会得到向下的动画效果。

资料来源:http//api.jquery.com/slidedown/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我的画布仅加载左上角的图像?

为什么图像的左上角有水印?

如何按图像的中心而不是左上角放置图像?

定位中心而不是css中图像的左上角

为什么Java 2D起源在左上角?

为什么NavigationView中的动画从左上角开始?

如果“金属原点”位于左上角,为什么此图像在左下角显示?

段落旁的图像从左下角开始,而不是从左上角开始

将图像坐标系的原点更改为左下角,而不是默认的左上角

为什么窗口的左上角有一个奇怪的白色矩形?

为什么无法在Unity中使用wmctrl将窗口移至左上角?

当基础组件重新渲染时,为什么popper跳到左上角?

为什么在此... div画中的左上角有方形集会

为什么PyGame坐标系的原点在左上角?

为什么说在函数pygame中未定义左上角?

例如,当我想用 <4> 使其变大时,为什么文本会移到左上角?

为什么角半径仅应用于自定义视图的左上角和右上角?

从中心而不是左上角设置视图的位置

如何叠加了文字在左上角图像

如何将图像放在左上角?

在KDE Windows中,左上角的按钮是什么?

左上角的浮动JButton

左上角的ConstraintLayout视图

访问ʻuitable`的左上角

创建带框架的懒惰按钮时,这是在左上角创建的,为什么会发生这种情况?

如何从右上角而不是左上角启动CustomClipper(ClipPath)

Pygame:试图让整个精灵跨越边界,而不只是左上角的像素

为 fullcalendar 中的外部事件重置(左上角宽度 css 样式)

popover显示在左上角,因为div的宽度非常小,例如<2.5 px