同位素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方形跳跃随着同位素的变化而平滑过渡。由于某种原因，这个问题在IS1.5.25中没有发生。我希望平滑过渡应用于我所有的页面元素，因为它们在调整高度。

Answer 1

我在github上提问，得到了答案。您需要在css中为包含元素的高度添加一个过渡时间。

.grid {
   transition: height 0.4s;
}

这样就可以了。