Question

让这个动画对我来说有问题。

基本上我有一个垂直滚动页面，其中有几个div元素，根据显示的内容大小不一。发生的事情是，随着这些尺寸变化的发生，其他元素突然跳跃。我想让这些更顺利。

这实际上是一个大型项目（角度）的一部分，因此我无法引入任何外部库。我创造了一个说明问题的小提琴。

$('.close').click(function () {
    $(this).parent().parent().height(0);
    $(this).parent().parent().slideUp(500);// in case if you want to move the second div up.

});

http://jsfiddle.net/zberQ/5/

总而言之，问题实际上并不在于身高正在发生变化的因素。问题在于它下面的元素会随着这种高度变化而立即跳起或下降。

Answer 1

我首先删除了行$（this）.parent（）。parent（）。height（0）; - 不确定你是否需要它。

然后在剩下的我删除了一个.parent，看起来更顺畅，只是边缘跳跃。

拨弄

https://jsfiddle.net/Hastig/zberQ/17/

JS

$('.close').click(function() {
    $(this).parent().slideUp(400);
});

css（剥离）

.publication1 {
    background: red;
    color: white;
}

.publication2 {
    background: green;
    color: white;
}

.publication3 {
    background: blue;
    color: white;
}

动画div运动相对于另一个div大小的变化

1 个答案: