2016-12-28 2 views
0

Two Scroll Bars때문에 내가 두 스크롤 막대가 어떤 이유로, 크롬이나 다른 브라우저이고, 다른 하나는 하나이 초과 아래로 스크롤 막대

난 그냥 Reproting 도구 등을 개발하고 있어요 제거하는 방법 HTML의 부분은, 난 당신이 할 수있는 것은

0123입니다 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

두 번째 스크린 샷에 코드를 추가 했습니까? overflow-y로 무엇을 의미합니까? – Venky

+1

스크린 샷 코드는 도움이되지 않습니다. 누군가가 귀하의 문제를 해결할 수 있기를 정말로 원한다면. Btw는''overflow-y : hidden;''스타일을 스크롤하지 않으려는 요소로 설정합니다. – aavrug

답변

1

을 주시면 감사하겠습니다 .. 다시 HTML에 아무것도 추적 할 수 주요 사업부에

당신이 사용할 수있는 작동하지 않는 경우

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

를 넣을 수 있습니다 예를 들어, 당신이 당신의 주요있는 style.css에

<div class ="main"> 
    // rest of your code 
</div> 

이 같은 CSS를 적용 할 수 있습니다

body { 
    overflow-y:hidden; 
} 
+0

감사합니다. 많이 보겠습니다. – Venky

+0

작동하는 경우 투표하십시오 : -) –

+0

내 코드에는 메인이 없습니다 :(,하지만 ive가 코드를 추가했습니다 – Venky