javascript - 如何实现自动滚动以跟随我的 div

Question

我在网上查看了几个教程和一些类似的问题，但无法弄清楚如何使屏幕自动左右滚动，以便我的#sheep保持在中心屏幕的。

我使用 javascript 和 jquery 在屏幕上移动一个简单的 div。

这是我的jsfiddle

http://jsfiddle.net/JosephByrne/CkkVr/

让屏幕跟随我的 div 的最佳方法是什么？

Answer 1

我认为您正在尝试向左/向右移动错误的元素。我认为你需要把你的羊留在屏幕中间，然后移动背景。

类似于:

var walkLeft = function() {
    $('#background').animate({left:"-=10px",top:"-=2px"}, 100);
    $('#background').animate({left:"-=10px",top:"+=2px"}, 100);
};

var walkRight = function() {
    $('#background').animate({left:"+=10px",top:"-=2px"}, 100);
    $('#background').animate({left:"+=10px",top:"+=2px"}, 100);
};

http://jsfiddle.net/CkkVr/22/ (您需要“向右跳”才能看到羊)，但您已经了解了总体思路!