2017-06-21 78 views
0

垂直滾動條在鉻(引導選項卡)消失

<div class="tabs-wrap left relative nomargin" id="tabs">     
 
         <ul class="nav ultab" id="fram"> 
 
\t \t     \t <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="" >     
 
\t     \t \t <div class="tab-pane active scrolly" id="history"> 
 
\t     \t \t \t <iframe name="iframe1" id="Frame1" class="frame" frameborder="0" marginwidth="0" width="100%" src="1s.jsp"></iframe> 
 
\t     \t \t </div>     \t \t    \t \t 
 
\t     \t \t <div class="tab-pane scrolly" id="exam" > 
 
\t     \t \t \t <iframe name="iframe2" id="Frame2" class="frame" frameborder="0" marginwidth="0" width="100%" src="2s.jsp"></iframe> 
 
\t     \t \t </div>     
 
\t     \t \t <div class="tab-pane scrolly" id="mdm" > 
 
\t     \t \t \t <iframe name="iframe3" id="Frame3" class="frame" frameborder="0" marginwidth="0" width="100%" src="3s.jsp"></iframe> 
 
\t     \t \t </div> 
 
        \t \t </div> 
 
       </div>

垂直滾動條正在消失,當從一個切換到下一個標籤。 如何解決?

+0

分享您的代碼,以幫助ü更好 – tech2017

+0

也許是因爲內容不是足夠高,以滾動? =>提供更多內容 –

+0

您可以在這裏添加代碼片段。所以請正確認同你的問題。 :-) –

回答

0

如果meen,讓您的瀏覽器的垂直滾動條在任何時候都可以添加:

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

這些只是例子。

希望這有助於:)