隐藏的“活动”引导选项卡导致我的页面在加载时滚动到底部

Question

<div class="panel">
    <p class="subtitle">Subtitle</p>
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#aboutInfo" data-toggle="tab">Info</a>
        </li>
    </ul>
    <div class="tab-content clearfix">
        <div class="tab-pane active" id="aboutInfo">
            <div class="form-group">
                <label for="aboutNavTitle">Page Title</label>
                <input class="form-control" id="aboutNavTitle" type="text" value="About Us">
            </div>
            <label for="summernote1">Text</label>
            <div class="summernote-container">
                <div id="summernote1">
                    ........
                </div>
            </div>
        </div>
    </div>
</div>

我有一些这样的面板，但似乎只有一个标签的面板导致了这个问题。他们现在只有一个标签，但在路上会增加更多标签。如果我从tab-pane div中删除'active'类，页面会正常加载，并且在加载时不会滚动到底部，但是我的初始内容被隐藏，只显示选项卡名称。所有这些面板实际上都是隐藏的，然后在选择特定选项时显示。