<div class="tabs-wrap left relative nomargin" id="tabs">
<ul class="nav ultab" id="fram">
<li class="active"><a href="#history" data-toggle="tab" id="history1" >History</a></li>
<li ><a href="#exam" data-toggle="tab" id="exam1" >Examination</a></li>
<li ><a href="#mdm" data-toggle="tab" id="mdm1" >MDM</a></li>
</ul>
<div class="tab-content" id="" >
<div class="tab-pane active scrolly" id="history">
<iframe name="iframe1" id="Frame1" class="frame" frameborder="0" marginwidth="0" width="100%" src="1s.jsp"></iframe>
</div>
<div class="tab-pane scrolly" id="exam" >
<iframe name="iframe2" id="Frame2" class="frame" frameborder="0" marginwidth="0" width="100%" src="2s.jsp"></iframe>
</div>
<div class="tab-pane scrolly" id="mdm" >
<iframe name="iframe3" id="Frame3" class="frame" frameborder="0" marginwidth="0" width="100%" src="3s.jsp"></iframe>
</div>
</div>
</div>
从一个选项卡切换到下一个选项卡时,垂直滚动条消失了。 如何解决?
最佳答案
如果您想要始终保持浏览器的垂直滚动条,您可以添加:
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
否则您可以将上述代码添加到任何所需的类中:
.your-class {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
如果是选项卡,你可以创建一个像.scrolly
这样的类,并将这个类添加到你所有的选项卡中,然后将它添加到你的css中:
.scrolly {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
这些只是例子。
希望这有帮助:)
关于javascript - 垂直滚动条在 Chrome 中消失( Bootstrap 选项卡),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44678873/