ScrollTop与jQuery和溢出div

Question

我遇到了问题，尝试在带溢出的div中创建scrollTo。

我在菜单中创建了五个部分和五个链接。当我点击菜单中的链接时，我希望它是正确的div。

我所做内容的链接： http://jsbin.com/adagid/

有时看起来是正确的（当您直接点击第一个或最后一个链接时），但有时显示的内容是内容的中间位置。

我如何解决这个问题？

Answer 1

您需要减去.contents的scrollTop（）以获得正确的位置

http://jsfiddle.net/estevao_lucas/SdUVd/

Answer 2

由于每个卷轴的部分位置都会发生变化，因此您希望在要设置动画的属性上使用+=。

检查这个小提琴。我还将bind更改为on，而不是尝试拆分类名来查找该部分，而是使用了数据属性。

http://jsfiddle.net/KvQ7W/

Answer 3

更新了您的代码（克隆副本）：http://jsbin.com/etexul

请注意，您需要考虑容器的当前滚动...

 var scrollTop = jQuery('#' + gethash).offset().top + jQuery('.content').scrollTop() - 25;

由于您在容器上使用了保证金，

25