当HTML元素低于页面的某个部分时，如何删除它？

Question

我有一个以屏幕中间为中心的div。它是1024 * 768 - 用Javascript编写的Windows 8 Metro应用程序的一部分。

这个div有一个子元素，一个怪物。那怪物每0.5秒发射一次火球。

怪物和火球都向下移动。我想检测怪物或火球是否低于div的底部。

我该怎么做？我想也许碰撞检测，但我不知道如何实现它。

Answer 1

你究竟是如何控制他们的动作的？假设两者都有一个x，y坐标和某种形式的更新/运行方法，只需在run方法中添加一个if语句，检查精灵的下一个x / y坐标是否仍在div中？

类似的东西：

 if(fireball.y > divnode.height) fireball.remove();

Answer 2

if($('#monser').offset().top > Y-Coordinate || $('#monser').offset().top > Y-Coordinate){
    //FIRE YOUR ACTION HERE
}