2017-06-21 22 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>

垂直スクロールバーが消えているクロム(ブートストラップ]タブ)で消えバー、スイッチ1から次のタブへ。 解決方法

+0

多分スクロールするのに十分な高コンテンツありえないので – tech2017

+0

より良いuのを助けるためにあなたのコードを共有しますか? =>より多くのコンテンツを提供 –

+0

ここにコードスニペットを追加してください。したがって、あなたの問題を正しく識別してください。 :-) –

答えて

0

あなたが追加することができ、すべての回で、あなたのブラウザの垂直スクロールバーを保つためにミーン場合:

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

これは単なる例です。このことができます

希望:)

関連する問題