Twitter Bootstrap选项卡更改Tab时跳转到顶部

Question

我有4个标签。不同的高度，在标签的顶部，我有一个行。

与此JSFiddle一样。

我遇到的问题是，当从高度较高的标签更改为高度较低的标签页时，页面会跳转到顶部。

我正在使用Bootstrap Tabs。

我尝试从

中移除data-toggle="tab"

<li><a href="#caseTab" data-toggle="tab">Case</a></li>

到

<li><a href="#caseTab">Case</a></li>

使用jQuery加载Tab：

$('.nav-tabs li a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
        return false;
    });

并根据return false;

的在线建议尝试返回虚假

Here：

有人可以帮我解决这个问题吗？

Answer 1

您可以添加css .tab-content{min-height: 950px;} 或者你可以设置最大块的最小高度。

Answer 2

为标签添加一个通用的最小高度，以确保所有标签的高度相等。这样可以防止您的页面在切换标签时跳转。

要找到最佳的最小高度值，只需检查高度，例如最长标签的XXpx，并将该值用作所有标签的公共最小高度值：min-height: XXpx;。