保證金檢測很奇怪

Question

我正在制作游戲，目前正在努力制作精靈。 我需要確保它不能超出某個div。 我嘗試創建一個函數來檢查頂部或左側距離是否小於0px，但是效果不是很好。

問題：

1）子畫面在邊界內停止得很好，而不是應該停止的地方。

2）精靈一旦到達邊緣，就不會停止動畫，而是在完全停止之前放慢了速度。 停止的實際位置有時會高一些或低一些。

3）精靈到達某個位置后會卡住，並且無法脫離。

這是主要功能：

var cstop = false;
    function colCheck() {
        if (
            (char.css("top")<"0px") ||
            (char.css("left")<"0px") ||
            (char.css("top")>"500px") ||
            (char.css("left")>"800px")
        )
        {
            cstop = true;
        }
    };

然后，每當按下箭頭鍵時，都會檢查cstop變量。

我已經玩過代碼了，但是我似乎無法弄清為什么它不按我的意願工作。 帶有相關代碼的jsFiddle： http : //jsfiddle.net/VYkbR/13/

Answer 1

您可能不希望替換px ，然后再進行比較，就像這樣。

var left = (+ char.css("left").replace('px', ''));

然后做

if(left < 0) {
    // code here..
}