jquery - JQuery：滑动 div - 从第一个 div 滑动到第二个很好，但在那之后会中断

Question

我正在尝试将在此站点上看到的代码集成：http: //madesignuk.com/uploader/来自这篇文章：将整个网页滑动到我的站点中。

到目前为止，我已经得到了 div 动画。到第一个 div 的过渡很好，但是当转到一个新的 div 时，向前或向后中断，并且屏幕不会移动整个距离。

这是我正在使用的代码，尽管在这里可以正常工作：http: //jsfiddle.net/QZCZh/8/

在我的代码中添加一些警报表明该$(".content").css("left")值与转换后的值不同。

即：

 $(".content").animate({
      left: (currPos - (this.windowWidth) + this.scrollbar) + 'px'
 }, 'slow');

部分显示(currPos - (this.windowWidth) + this.scrollbar)在转换前是 1519px。然而，在$(".content").css("left")transition返回-1898.75px之后，它应该返回-1519px。我已经找了大约一个小时。我似乎找不到问题所在。我究竟做错了什么？

Answer 1

所以我用百分比来计算。

http://jsfiddle.net/QZCZh/11/

$(".content").animate({
     left: "+=" + movePercent + "%"
}, 'slow');

编辑：我减去滚动条宽度而不是添加它。现在一切正常。