获取LESS/CSS中DOM元素的高度

Get height of DOM element in LESS/CSS

本文关键字：元素 高度 DOM LESS CSS 获取      更新时间：2023-09-26

我有一个元素列表，我想删除一个onclick。它给元素一个额外的css类来隐藏元素。css中的类说明元素将使用animation .css中的动画(FadeOutLeft)来消失。

@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}

}

问题是我不能在100%时使用"display:none"。我不知道为什么，但就是行不通。所以我要做的是给100%一个margin-bottom:-{当前元素的高度}px，我还想设置"translateX()"为那个值。所以我要做的就是用更少的时间得到元素的高度。这是可能的使用javascript在少?

你不能在LESS中做运行时评估，因为LESS只会编译成CSS。你最好的选择是制作一个最终应用display: none;的动画。或者全部用JavaScript;)

相关文章：