2017-06-21 47 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; 
} 

这些只是例子。

希望这有助于:)