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

Javascript jQuery如果div位于x位置,则显示另一个div,javascript,jquery,if-statement,Javascript,Jquery,If Statement,我有一个可以用键盘箭头向各个方向移动的div 我试着这样做,当可移动div在页面上“移动”并到达某个点时,会出现另一个包含文本的div 如何使角色到达页面上的某个点时,显示div对话 if($('#'+character).position().top > -500) { if(character == 'character1') { $('#page2 .dialogue').fadeIn(4000); } } 因此()是相对于包含元素的,而offse

我有一个可以用键盘箭头向各个方向移动的div

我试着这样做,当可移动div在页面上“移动”并到达某个点时,会出现另一个包含文本的div

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

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

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

    }
}
因此()是相对于包含元素的,而offset()是相对于文档的。话虽如此,您询问一个元素何时在包含div的上方500。您可能看不到它。尝试删除负号


如果您提供JSFIDLE,那么我们可以确认并提供更好的帮助

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

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

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

    }
}
我们应该做这个把戏。偶尔给它打个电话,继续检查。
或者更好的是,不要为这些烦恼。将角色的位置保留在变量中,然后以这种方式设置它们的位置,当需要读取角色的坐标时,只需读取变量即可。这就是我的方法。

我想你有一个问题,因为你正在发布,但我在你的文本中没有看到任何问号。你能提供你到目前为止在
jsfiddle.net
上所做工作的演示吗?请明确说明目标。