Question

我希望char在X轴上产生10px，在Y轴上产生10px，当char到达屏幕的边界但是它不起作用。以下是我使用的代码：

       if($('#char').offset().top < 0 || $('#char').offset().top > window.innerHeight || $('#char').offset().left < 0 || $('#char').offset().left > window.innerWidth ){
     console.log('Off Screen');
     left = 10;
     var reLeft = {'left':left + "px"};
     $('#char').css(reLeft);
     top = 10;
     var reTop = {'top':top + "px"};
     $('#char').css(reTop);
     }

注意：如果您想查看完整代码以查看我是否在那里做错了什么，您可以转到My Site然后按Ctrl + U

Answer 1

我真的不知道它是否有效，因为我无法测试它。但这就是我会这样做的方式

$("#char").parent().css({position: 'relative'});
$("#char").css({top: 10, left: 10, position:'absolute'});

Box检测到边界碰撞但未在某个位置重置？

1 个答案: