Twitter bootstrap 引导活动选项卡没有'；不要移到屏幕的顶部

我有一个使用Bootstrap 2.3.2的选项卡系统，基于以下教程：

我的导航列表固定在页面上，单击每个链接将打开其选项卡内的信息

我的问题是，每个选项卡中的内容都很长，需要滚动。如果在列表的一半处单击了其他导航链接之一，它将更改为新选项卡，但仍然会在页面的一半处留下您。行为应该是指向活动选项卡的开头。即，将页面移动到新活动选项卡的顶部

<div class="tab-pane" id="tabs-stacked">
<div class="tabbable tabs-left ">
    <ul class="nav nav-pills nav-stacked span2 sidebar-nav-fixed" id="tabs" data-tabs="tabs">
        <li class="active"><a href="#tabs2-pane1" data-toggle="tab">Tab 1</a></li>
        <li><a href="#tabs2-pane2" data-toggle="tab">Tab 2</a></li>
        <li><a href="#tabs2-pane3" data-toggle="tab">Tab3</a></li>
    </ul>
    <div class="tab-content span10 offset2 middle-bar-information">
        <div id="tabs2-pane1" class="tab-pane active">
            <p class="header">TEST TEST TEST
            </p>
            <br><br>
        </div><!-- End tabs2-pane1 -->
        <div id="tabs2-pane2" class="tab-pane">
            <p class="header">Okay. Now... Hardened Kevlar plates over titanium-dipped, tri-weave fibers for flexibility. </p>
        </div><!-- End tabs2-pane2 -->
    </div><!-- End tab-content -->
</div><!-- End tabbable --> 

测试




好的。现在。。。钛浸、三层编织纤维上的硬化凯夫拉纤维板，带来柔韧性

您可以在此处进行测试：

我正在使用bootstrap 2.3.2，正在加载bootstrap.min.js，其中包括bootstrap-tab.js。这些选项卡工作正常，除了不移动到选项卡内容的顶部外，还可以激活。

我这样做：

$('#tabs-stacked li').click( function(){
var tabs_offset = $('#tabs-stacked').offset();
scrollTo(tabs_offset.left, tabs_offset.top);
});

它工作-不漂亮-但它工作