jquery - 沿整个 body 宽度移动 div

Question

我必须沿着我 body 的整个长度移动图片。这是我写的代码:

function moveRight(){
   $("#b").animate({left: "+=400"}, $("body").width(),moveLeft)
}

function moveLeft(){
   $("#b").animate({left: "-=400"}, $("body").width(),moveRight)
}

$(document).ready(function() {
   moveRight();
});

您可以找到一个可用的 fiddle here 。我在 fiddle 中使用了随机图片，但正如你所看到的，它超出了屏幕。

我想在正文结束之前停止(在右侧)。我怎样才能做到呢？

Answer 1

您可以使用父级和图像容器宽度计算left参数值:

function moveRight(){
   $("#b").animate({
       left: $("#b").parent().width() - $("#b").width()
     },
     $("body").width(),
     moveLeft
   );
}

对于左侧，您可以使用 0 代替。

function moveLeft(){
    $("#b").animate({left: "0"}, $("body").width(),moveRight)
}

JSFIDDLE