javascript - Internet Explorer CSS 转换问题

Question

我有一些元素 width 在滚动时随着 JS 更改为 0 并且当开始将 width 转换为 0 时，元素首先变得非常大，但随后根据需要执行.在 Chrome 中一切正常。

这是 https://jsfiddle.net/dx914ut0/ 的一个例子

我该怎么办？

UPD:只需要添加单位。

Answer 1

尝试使用下面的代码代替过渡。这将确保它适用于所有浏览器。

-webkit-transition: visibility 0s, opacity 2s ease-out;
-moz-transition: visibility 0s, opacity 2s ease-out;
-o-transition: visibility 0s, opacity 2s ease-out;
transition: visibility 0s, opacity 2s ease-out;