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

Question

我有一个要通过单击删除的元素列表。它为元素提供了一个隐藏元素的额外 css 类。css 中的类表示元素将使用animate.css使用动画（FadeOutLeft）消失。

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

}

问题是我不能 100% 使用“显示：无”。我不知道为什么，但它只是不起作用。所以我想做的是给 100% 一个边距底部：-{当前元素的高度}px，而且我还想将“translateX()”设置为该值。所以我要做的就是在更少的地方获得元素的高度。这可以在 Less 中使用 javascript 吗？

score 0 · Accepted Answer

您不能在 LESS 中进行运行时评估，因为 LESS 只是编译为 CSS。你最好的选择是制作一个display: none;最终应用的动画。或者用 JavaScript 做所有的事情；）

1 回答 1