添加到代码中的Jquery选项卡使自动滚动(垂直)滚动到锚点

我已经使用css-tricks代码设置了一个自动滚动页面,以实现平滑滚动: http : //css-tricks.com/snippets/jquery/smooth-scrolling/

它总是工作得很好,我刚刚添加了jquery选项卡到一些内容,现在使它滚动到选项卡下面的主要锚点。

代码在这里: http : //jsfiddle.net/qR5bm/

为什么会发生这种情况,我该怎么做才能解决这个问题?

我认为问题在于,在应用滚动后,您隐藏了一堆项目。 由于某种原因,它似乎干扰了计算。

如果您将平滑滚动代码移动到选项卡function下方,它将正常工作:

演示: http : //jsfiddle.net/lucuma/qR5bm/1/