Question

＆＃13;

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

＆＃13;

当从一个切换到下一个选项卡时，

垂直滚动条正在消失。如何解决？

Answer 1

如果您始终保持浏览器的垂直滚动条，则可以添加：

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

这些只是一些例子。

希望这有助于：）

Chrome中的垂直滚动条消失（Bootstrap Tab）

1 个答案: