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

Answer 1

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

.grid {
   transition: height 0.4s;
}

那就行了。