<分区>
我需要动画显示和隐藏 div 元素。是否有任何 JS 库或 CSS 技巧可以实现?我知道 jQuery 和类似的东西,但它们太大了 - 我不想使用超过 ~5 KB。
我也试过 CSS transition,但它不允许使用 display 属性。可见性在页面中占据一席之地,这是不可取的。
编辑: 例如: jQuery.toggle() . 从上数第二个 Demo。
<分区>
我需要动画显示和隐藏 div 元素。是否有任何 JS 库或 CSS 技巧可以实现?我知道 jQuery 和类似的东西,但它们太大了 - 我不想使用超过 ~5 KB。
我也试过 CSS transition,但它不允许使用 display 属性。可见性在页面中占据一席之地,这是不可取的。
最佳答案
使用 CSS 过渡。您无需触摸显示属性。
您可以将 div 的高度/宽度(或两者)设置为 0,然后设置为您想要的大小,然后激活过渡。
或者,如果您为 div 的位置设置动画,则可以从页面飞入/飞出 div(从页面外部开始飞入所需位置,反之亦然)。您可以将它们从顶部或从左/右滑入。
关于平滑显示/隐藏元素的 JavaScript 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13893505/