滾動條不顯示到導航選項卡內容引導

我有右側欄在它與導航選項卡說，我想顯示滾動條到標籤內容，但它沒有顯示我想加載動態數據到第一個navtab，但由於滾動條不顯示我無法滾動。滾動條不顯示到導航選項卡內容引導

.right-sidebar-wrapper #r-s-tab{ 
 
    overflow-y: auto; 
 
    height: 100%; 
 
    position:fixed; 
 
} 
 
.right-sidebar-wrapper #activity a, .right-sidebar-wrapper #locations a{ 
 
    padding-top: 8px; 
 
    border-radius: 3px; 
 
    display: block; 
 
} 
 
#activity a img, #locations a img { 
 
    height: 120px; 
 
    width: 100%; 
 
}

<div class="right-sidebar-wrapper"> 
 
    <div id="r-s-tab" class="tab-content"> 
 
     <div class="tab-pane fade active in" id="activity"> 
 
      <div class="col-lg-12"> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
       <a href="#"> 
 
        <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
       </a> 
 
      </div> 
 
     </div> 
 
    </div> 
 
    <div class="tab-pane fade" id="locations"> 
 
     <div class="col-lg-12"> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
      <a href="#"> 
 
       <img src="http://placehold.it/350x150" class="img-responsive img-rounded"> 
 
      </a> 
 
     </div> 
 
    </div> 
 
<div>

來源

2016-12-03 Romil

確定，所以 –

到navtab內容 – Romil

你試試這個....

.right-sidebar-wrapper{ 
    height: 100%; 
} 
.right-sidebar-wrapper #r-s-tab{ 
    position:fixed; 
} 
.right-sidebar-wrapper #r-s-tab{ 
    height: 200px; // Set this height to the appropriate size 
    overflow-y: scroll; // Only add scroll to vertical column 
}

你在哪裏要滾動條

來源

2016-12-03 10:17:33

滾動條不顯示到導航選項卡內容引導

回答

相關問題