2016-12-28 83 views
0

Two Scroll Bars如何擺脫這種過度向下滾動條

我只是一個開發工具Reproting以及由於某種原因,我有兩個滾動條,一個是Chrome瀏覽器或任何其他瀏覽器,另一種是在HTML的一部分,我無法追蹤任何東西回HTML .. HTML Code

> </head> 
<body style="min-height:20px"> 
    <!-- START PAGE CONTAINER --> 
    <div class="page-container" style="min-height:20px"> 

     <!-- START PAGE SIDEBAR --> 
     <div class="page-sidebar"> 
      <!-- START X-NAVIGATION --> 
      <ul class="x-navigation"> 
       <li class="xn-logo"> 
        <a href="index.html">Reports</a> 
        <a href="#" class="x-navigation-control"></a> 
       </li> 
       <li class="xn-profile"> 
        <!--<a href="#" class="profile-mini"> 
         <img src="assets/images/users/avatar.jpg" alt="John Doe" /> 
        </a>--> 
        <div class="profile"> 
         <!--<div class="profile-image"> 
          <img src="assets/images/users/avatar.jpg" alt="John Doe" /> 
         </div>--> 
         <!--<div class="profile-data"> 
          <div class="profile-data-name">John Doe</div> 
          <div class="profile-data-title">Web Developer/Designer</div> 
         </div>--> 
         <!--<div class="profile-controls"> 
          <a href="pages-profile.html" class="profile-control-left"><span class="fa fa-info"></span></a> 
          <a href="pages-messages.html" class="profile-control-right"><span class="fa fa-envelope"></span></a> 
         </div>--> 
        </div> 
       </li> 
       <li class="xn-title">Navigation</li> 
       <li > 
        <a href="/reports"><span class="fa fa-cogs fa-spin" title="Configure Reports"></span> <span class="xn-text">Configure Reports</span></a> 
       </li> 
       <li> 
        <a href="/dashboard"><span class="fa fa-cogs fa-spin" title="Configure Dashboard"></span> <span class="xn-text">Configure Dashboard</span></a> 
       </li> 
       <li class="active"> 
        <a href="#"><span class="fa fa-eye" title="View Dashboard"></span> <span class="xn-text">View Dashboard</span></a> 
       </li> 


      </ul> 
      <!-- END X-NAVIGATION --> 

任何幫助深表感謝

+2

顯示代碼。順便說一句,你可以嘗試'''overflow-y:hidden;''' – aavrug

+0

在第二張截圖中添加了代碼,我應該添加更多嗎?你是什​​麼意思溢出-y:隱藏; – Venky

+1

屏幕截圖代碼沒有幫助如果您確實希望有人能解決您的問題。 Btw設置'''overflow-y:hidden;'''樣式到您不想滾動的元素。 – aavrug

回答

1

你可以做的是

到主分區,你可以應用CSS一樣,比如你有

<div class ="main"> 
    // rest of your code 
</div> 
在主style.css中

你可以把

.main { 
    width:100%; 
    height:90%; 
    overflow:hidden; 
} 

如果不工作,你可以使用

body { 
    overflow-y:hidden; 
} 
+0

非常感謝,讓我檢查 – Venky

+0

如果它可以工作,請你投票: - ) –

+0

有沒有主要在我的代碼:(,但ive添加了代碼 – Venky