同位素JS跳跃

Question

我的网站有以下情况

http://codepen.io/tgreen/full/PzAYWv/

有一组div用于同位素，然后是div。

<div class="grid"> // isotope grid items <div of all items> </div> <div square /> // random div after items

现在运行代码，你可以看到div square随着同位素的变化而平滑过渡。出于某种原因，1.5.25没有发生这个问题。我希望在调整高度时将平滑过渡应用于我的所有页面元素。

Answer 1

我在github上问了一个问题并得到了答案。您需要为css中的包含元素添加高度转换时间。

.grid {
   transition: height 0.4s;
}

那就行了。