Twitter bootstrap 3 长页面上的引导3选项卡（'；显示'；）隐藏选项卡

我使用el.tab（'show'）来显示Bootstrap3选项卡，它可以工作，但是当选项卡的内容很大时，由于页面滚动，选项卡不再可见（这与单击选项卡本身的行为不同）。知道如何解决这个问题吗？谢谢

更新：这里是一个示例代码。默认情况下会显示Tab One，单击“Go To Tab 2”锚定将移动到包含一个大页面的Tab 2。问题是，在显示嵌入在选项卡2中的页面底部时，顶部选项卡不再可见

<div class="container-fluid">
<ul class="nav nav-tabs">
    <li><a href="#tab_one" data-toggle="tab">Tab One</a></li>
    <li><a href="#tab_two" data-toggle="tab">Tab Two</a></li>
</ul>
<div class="tab-content">
<div id="tab_one" class="tab-pane fade in">
<ul>
    <li><a href="#tab_two" onClick="jQuery('.nav-tabs a[href=#tab_two]').tab('show')">Go to Tab 2</a> </li>
</ul>
</div>
<div id="tab_two" class="tab-pane fade in">
<p>content of tab 2, long page </p>
</div>
</div>

长页选项卡2的内容

找到了解决问题的方法，但这并不完美：

jQuery('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    setTimeout( function (e) {
       window.scrollTo(0,0);
     }, 1);
});

---

请包含一些代码，以便我们知道需要修复的内容。我用示例代码更新了初始帖子。嗯，我没有发现您的代码有问题…示例好的，所以问题可能不是页面底部显示，而是单击链接时隐藏了选项卡。（这也是在jsfiddle.net/dt9gj上发生的事情）。我希望选项卡保持可见，就像我单击选项卡2而不是链接一样。我明白了。我忽略了点击tab1内容中的链接进入tab2，而不是直接点击tab2。现在看到页面滚动（跳转），这样选项卡就位于视图上方。调整标签位置：固定对你有用吗？或者，在不被单击时，是否需要将它们设置为相对位置？