javascript - 垂直滚动条在Chrome(引导标签)中消失了

<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;
}

这些仅是示例。

希望这可以帮助 ：）