滑动div -从第一个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")返回-1898.75px，当它应该返回-1519px。我找了大约一个小时。但我似乎找不到问题所在。我做错了什么?

Answer 1

所以我用百分比来计算。

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

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

编辑:我是减去滚动条宽度，而不是增加它。现在一切正常了。