私のコードでは、高さと要素の位置を比較して、要素がゲームの div から外れないようにしています。
まず、私の要素であるヘビの位置を取得します。カーソルが近すぎる場合は移動します。最後に、上下から少なくとも 20 ピクセル離れていることを確認します。何らかの理由で、画面の下部に到達したときを除いてすべてが機能しています (これは、コードの最後のブロックの else if ステートメントです)。
var posL = $("#snake").position().left;
var posT = $("#snake").position().top;
if((e.pageX-200 < posL) && (posL < e.pageX-50)){
if(posL > 20){
posL = posL - 5;
}else{
posT = posT + 5;
}
...
if(posT < 20){
posT = 20;
}else if(posT > parseInt($("#game").height)){
posT = parseInt($("#game").height) - 20;
}