javascript - 如何通过 if/else 语句定位 div 的 x 坐标？

Question

使用 if 语句时如何定位 div 的 X 坐标？

我想要做的是让一个 div 在屏幕上设置动画，但我只希望它在满足某些 x 坐标时移动，因此为什么使用 if/else 语句。

例如;

var firstXPos = -20px;
var secondXPos = -40px;
var thridXPos = -60px;

if (div's x pos?? == firstXPos){
$("#id").animate({"left" : secondXPos}, "slow");
} else (div's x pos?? == secondXPos?){
$("#id").animate({"left" : thridXPos}, "slow");
}

那么如何编写代码，使其可以针对 div 当前的 x 位置，从而满足 if / else 语句呢？

Answer 1

我使用以下代码使用 x 和 y 坐标检查项目的可见性

isVisible: function (node, doc, x, y) {
    var el = doc.elementFromPoint(x, y);
    if (node === el) return true;
    else return false;
}

所以在你的 if 语句中，你可以使用上面的函数来检查它是否在那个位置