ScrollPane2에 특정 스크롤 막대를 두는 방법

Question

코드를 제거하려면 가로 스크롤과 세로 스크롤 만 제거하고 싶습니다. 여기에 코드가 있습니다. 컨테이너 div에 대한

$('#container').jScrollPane({})

#container{ 
 
     width: 780px; 
 
     height: 140px; 
 
     border: 8px solid #FFF; 
 
     overflow-y: hidden; 
 
    } 
 
    .slider{ 
 
     width: 1400px; 
 
     height: 400px; 
 
     padding: 20px; 
 
     background: #CCCCCC; 
 
    } 
 
    .section{ 
 
     margin:0; 
 
     width:220px; 
 
     float:left; 
 
     margin-right:50px; 
 
    } 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 
      <div class="slider"> 
 
       <div class="section">section 1 content</div> 
 
       <div class="section">section 2 content</div> 
 
       <div class="section">section 3 content</div> 
 
       <div class="section">section 4 content</div> 
 
       <div class="section">section 5 content</div> 
 
      </div> 
 
    </div>

Answer 1

사용 overflow-y:hidden 및 overflow-x:scroll는

CSS는

#container{ 
overflow-x:scroll; 
overflow-hidden; 
} 

Answer 2

대신 스크롤의 '자동차'의 사용을 선호합니다. 콘텐츠가 블록 스크롤바에 맞을 경우에는 표시되지 않습니다.

#container{ 
    width: 780px; 
    height: 140px; 
    border: 8px solid #FFF; 
    overflow-y: hidden; 
    overflow-x: auto; 
} 

Answer 3

JScrollPane의 웹 사이트 (http://jscrollpane.kelvinluck.com/arrows.html)의 예에 따르면, 단지 컨테이너 사업부에이 스타일을 추가 JScrollPane의가 무엇

.horizontal-only 
{ 
    height: auto; 
    max-height: 200px; 
}