如何使div在使用条件达到一定距离后消失；如果；（JavaScript）

我试着在右边移动一个块到200像素（这部分很好）

函数蓝（）{
document.getElementById（“蓝色”）.style.transform=“translate（200px）”；
document.getElementById（“蓝色”）.style.transition=“0.5s”；
}

#蓝色{
宽度：200px；
高度：200px；
保证金：2rem；
背景色：rgb（133、133、134）；
}

正确的

首先，我们选择元素并存储元素的当前位置。然后我们设置一个监听器

ontransistioned（）

，该监听器在元素转换发生后被激发。当启动侦听器函数时，我们确定旧位置和新位置之间的差异。如果此差值大于等于200，我们将

显示

属性设置为

“无”

函数蓝（）{
常量elem=document.getElementById（“蓝色”）；
const oldPos=elem.getBoundingClientRect（）；
elem.ontransitionend=（）=>{
const newPos=elem.getBoundingClientRect（）
const diff=Math.abs（旧位置x-新位置x）
如果（差异>=200）
elem.style.display=“无”；
};
elem.style.transform=“翻译（200px）”；
elem.style.transition=“0.5s”；
}
函数出现（）{
document.getElementById（“蓝色”）.style.display=“块”
}

#蓝色{
宽度：200px；
高度：200px；
保证金：2rem；
背景色：rgb（133、133、134）；
}

正确的
使其显示为

，将转换设置为等于大于字符串的字符串的结果。由于很难说清楚您到底想检查什么。您是否正在尝试计算转换的值？您不只是切换类有什么原因吗？

=

是一个赋值，

=

或

==

是一个等式。另外，

=“translate（200px）”>“200px”

将尝试使用

比较字符串，这似乎不是您的目标。@epascarello我尝试使用div制作一种旋转木马，这是第一步（我不太好，所以我尝试了一些东西，但不起作用），我将考虑使用class@DBS非常感谢。不使用是一个错误==