jQuery如果div位于x位置，则显示另一个div

Question

我有一个div，可使用键盘箭头在所有方向上移动。

我试图做到这一点，以便当可移动div在页面中“行进”并到达某个点时，将出现另一个带有文本的div。

如何使角色到达页面上的某个点时显示div对话框？

if($('#'+character).position().top > -500) {

    if(character == 'character1') {
       $('#page2 .dialogue').fadeIn(4000);

    }
}

Answer 1

因此， position （）相对于包含元素，而offset（）相对于文档。 这么说，您要问的是元素何时位于包含div的上方 500。 您可能看不到它。 尝试消除负号。

如果您提供jsfiddle，那么我们可以确认并提供更好的帮助。

Answer 2

在CSS中，您可以设置element.style.top，但无法阅读。 您需要改为使用element.offsetTop，这将为您提供div的位置。 我假设character是一个预先定义的变量，它是div层的ID。

if(document.getElementById(character).offsetTop > 500) {

    if(character == 'character1') {
       $('#page2 .dialogue').fadeIn(4000);

    }
}

Oughta做到了。 偶尔调用它以继续检查。 甚至更好的是，不要理会任何一个。 将角色的位置保留在变量中，然后以这种方式设置其位置，当您需要读取角色的坐标时，只需读取变量即可。 这就是我要采取的方法。