jquery 한 페이지에 여러 스크롤 패널

Question

하나의 페이지에 여러 개의 jquery 스크롤 패널을 둘 수 있습니까? 현재 가지고 있지만, 같은 클래스 ".scroll-pane" 하나의 슬라이더를 끌 때 모든 것이 움직이고 있기 때문에 추측합니다.

이것에 대한 아이디어가 있으십니까? 고맙습니다!

Answer 1

동일한 페이지에서 여러 스크롤 판을 사용하는 것이 가능하고 간단합니다.

HTML을

<div class="scroll-pane"> 
<p>your content here</p> 
<p>your content here</p> 
<p>your content here</p> 
<p>your content here</p> 
</div> 

CSS는

.scroll-pane { 
width: 100%; 
height: 200px; 
overflow: auto; 
} 

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

자바 스크립트

$('.scroll-pane').jScrollPane();​ 

확인 데모 here

다른 문제가있는 경우 링크를 제공하는 것이 좋습니다.