Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 更改选项卡时,Twitter引导选项卡跳转到顶部_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 更改选项卡时,Twitter引导选项卡跳转到顶部

Jquery 更改选项卡时,Twitter引导选项卡跳转到顶部,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我有4个标签。不同的高度,在标签的顶部我有一行 就像这样 我遇到的问题是,当从高度较大的选项卡更改为高度较小的选项卡时,页面会跳到顶部 我正在使用引导选项卡 我已尝试从中删除data toggle=“tab” <li><a href="#caseTab" data-toggle="tab">Case</a></li> 并根据returnfalse的在线建议尝试返回false : 有人能帮我解决这个问题吗?为选项卡添加一个公共最小高度,以确保所有选

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

就像这样

我遇到的问题是,当从高度较大的选项卡更改为高度较小的选项卡时,页面会跳到顶部

我正在使用引导选项卡

我已尝试从中删除
data toggle=“tab”

<li><a href="#caseTab" data-toggle="tab">Case</a></li>
并根据
returnfalse的在线建议尝试返回false

:


有人能帮我解决这个问题吗?

为选项卡添加一个公共最小高度,以确保所有选项卡的高度相等。这将防止切换选项卡时页面跳转


要找到最佳的最小高度值,只需检查高度,说出最长选项卡的XXpx,并将该值用作常用的最小高度值:
min height:XXpx用于所有选项卡。

您可以添加css
。选项卡内容{最小高度:950px;}

或者您可以从最大的块设置最小高度

当然,它会跳跃,因为垂直滚动条的出现是因为内容超过了窗口的高度。e、 300px,我的小标签底部会有一个很大的空白。对于库塞尔,没有其他方法可以修复。如果我设置了最小高度,您可以从相同高度尝试js插件。e、 300px,我将有一个大的空白在我的小标签底部。
<li><a href="#caseTab">Case</a></li>
$('.nav-tabs li a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
        return false;
    });