Javascript 视口始终跟随div

我有一个小的网络项目，你可以用你的箭头键移动一个div。我使用jQuery实现了以下目的：

html

<div id="machine" style="width: 100px; height: 100px; background-color: darkgrey; position: absolute;">
</div>

现在我希望视口始终遵循这个div

#machine

因此，当该div移出右侧的视口时，视口向右滚动。但是如果div停止，就会停止

---

谢谢你的帮助。：）

编辑问题并添加htmlDo您需要更多信息吗？编辑问题并添加htmlDo您需要更多信息吗？

var pressed = false;

$(document).keydown(function(e) {
    if (!pressed) {
        width = $(this).width();
        height = $(this).height();
        switch (e.which) {
            case 37:
                $('#machine').stop().animate({
                    left: '-=' + width
                }, 2000); //left arrow key
                break;
            case 39:
                $('#machine').stop().animate({
                    left: '+=' + width
                }, 2000); //right arrow key
                break;
        }
    }
    pressed = true;

}).keyup(function() {
    $('#machine').stop();
    pressed = false;
});