如何在頁面某個部分下方移除HTML元素？

Question

我有一箇中心在屏幕中間的div。它是1024 * 768 - 用JavaScript編寫的Windows 8 Metro應用程序的一部分。

這個div有一個子元素，一個怪物。那個怪物每0.5秒發射一次火球。

怪物和火球都向下移動。我想檢測一個怪物或火球是否低於div的底部。

我會怎麼做呢？我在想可能是碰撞檢測，但我不知道如何實現。

Answer 1

你究竟如何控制他們的動作？假設兩者都有一個x，y座標和某種形式的update/run方法，只需在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 
}