我有一系列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
零件外,此操作无故障。出于某种原因,我的图片并未从整个顶行的宽度向下滑动,而是从左上角“展开”。
我该如何解决?
.slideDown()
动画height
元素的,而不是它的位置。您允许根据width
来自动确定每张图片的height
。因此,随着高度的变化,它也在确定新的宽度,并为对角线拉伸设置动画。
如果给图像提供固定的宽度,则会得到向下的动画效果。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句