嵌套的Jquery滚动函数<div>

Question

我正在尝试制作一个滚动到我的网站的相应<div>的导航。 相应的divs嵌套在另一个具有max-height和scrollbar的div 。 那时我的jquery往往让我失望。

他是我与我的问题相关的另一个问题的小提琴： JSFIDDLE

请注意，当您单击该按钮时，它不会滚动到正确的div ，并在再次单击时滚动到一个尴尬的位置。

如何让它滚动到正确的div并且在再次单击时不奇怪地向后滚动？ 谢谢！

Answer 1

$(".third").offset().top)单击时在1108和0之间交替坐标。 这些是每次点击前的.third正确位置。 您必须考虑当前滚动位置和.first div的位置。

用以下代码替换scrollTop代码行：

scrollTop: $(".third").position().top - $('div.nest').position().top + $('div.nest').scrollTop()},

http://jsfiddle.net/pyL62v58/3/

Answer 2

该守则有效，似乎是填充/保证金问题。

只需在css中添加此行，它应该工作：

* {paddin:0;margin:0}
/*  tested on Chrome 39+ on Win7 */

这里更新了小提琴

为什么它再次跳起来，希望很清楚。 可以在此处找到“偏移”功能的文档 ： jQuery-Doc