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

Question

我有一个要用onclick删除的元素列表。它为元素提供了一个隐藏元素的额外css类。 css中的类表示该元素将使用animate.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 In Less？

Answer 1

你不能在LESS中进行运行时评估，因为LESS只编译为CSS。最好的办法是制作最终应用display: none;的动画。或者用JavaScript完成整个事情;）