jQueryのanimate()メソッドが条件文の際にうまく動作しない。
■
以上のように四角い画像がleft:100px, top:0pxにあるとして、マウスのX軸の値が600pxより大きい時、
(600,0)にanimateで移動し、マウスが600よりも小さいエリアにあると、元の位置に戻るというコードを書いたのですが、(600,0)に移動した後もとに戻ってきません。
最近jQueryを勉強し始めたのですが、お手上げです。。。教えて頂けると幸いです。よろしくお願いたします。
$(window).on('mousemove', function(evt) {
mouseX = evt.clientX;
mouseY = evt.clientY;
if(mouseX > 600){
$('#box1').animate({
left:'100px'
});
} else {
$('#box1').animate({
left:'600px'
});
}
});