我总是希望点击的标签从页面顶部滚动到固定数量的像素,我有点工作.但是,只要活动选项卡位于单击的选项卡上方,并且页面已经向下滚动一点,单击选项卡的顶部和部分内容就会向上滚动超过页面顶部.

这就是我得到的：

$(function() {
    $("#accordion").accordion({
        autoHeight: false,collapsible: true,heightStyle: "content",active: 0,animate: 300
    });
    $('#accordion h3').bind('click',function(){
        theOffset = $(this).offset();
        $('body,html').animate({ 
            scrollTop: theOffset.top - 100 
        });
    });
});

这是一个fiddle来说明我的问题,

例如,展开“第2部分”,向下滚动并单击“第3部分”选项卡,它们全部滚动到页面上,相反,它可以工作.

如果在打开一个新选项之前关闭活动选项卡它也可以正常工作,所以我假设这与崩溃选项卡的高度有关,这会使滚动到顶部功能！？

希望有人可以提供帮助,我可能会采取错误的方法.我真的不知道我在做什么,因为我的jquery技能仅限于基本的切割理解！ ^^

在此先感谢,所有的帮助和指针区域更受欢迎！