2016-12-28 2 views
0

Two Scroll BarsКак избавиться от избыточной прокрутки вниз бар

Я просто разрабатываю Reproting Tool и из-за какое-то причине у меня есть две полосы прокрутки, один из которых является для 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

Показать код. BTW вы можете попробовать '' 'overflow-y: hidden;' '' – aavrug

+0

Добавил код во втором скриншоте, должен ли я добавить еще? и что вы подразумеваете под переполнением-y: hidden; – Venky

+1

Код скриншота не рекомендуется Если вы действительно хотите, чтобы кто-то мог решить вашу проблему. Btw установил '' 'overflow-y: hidden;' '' стиль для вашего элемента, который вы не хотите прокручивать. – aavrug

ответ

1

, что вы можете сделать, это

к основному DIV вы можете применить 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

В моем коде нет главного :(, но я добавил код – Venky

Смежные вопросы