2012-07-24 5 views
1

jQuery 플러그인 jScrollPane을 사용하고 있습니다. 내가 설정 한 스크롤 판에 대해 수직 스크롤을 사용하지 않기를 원한다.jScrollPane의 세로 스크롤을 사용하지 않으려면 어떻게해야합니까?

어떻게하면됩니까?

나는 자신의 웹 사이트를 확인했지만 공식 API 페이지가 없습니다.

+0

Google 사이트의 가로 스크롤 막대를 숨기려면 프런트 엔드 개발자 인 프런트 엔드 개발자가 CSS 및 Javascirpt에서이를 숨길 수있었습니다. –

+0

나는 이것을 처리했지만 jScrollpane은 그것을 무시한다. –

+0

공식 [jScrollPane 설정] (http://jscrollpane.kelvinluck.com/settings.html) 및 [jScrollPane API] (http://jscrollpane.kelvinluck.com/api.html) – thirdender

답변

1

공식 api 페이지가 없을 수도 있지만 도움이 될만한 예제가 있습니다. 이 여기에 귀하의 목표를 달성하는 방법을 설명하기 위해 나타납니다 자바 스크립트

$(function() 
{ 
    $('.scroll-pane').jScrollPane({showArrows: true}); 
}); 

페이지 CSS

/* Styles specific to this particular page */ 
.scroll-pane 
{ 
    width: 100%; 
    height: 200px; 
    overflow: auto; 
} 
.horizontal-only 
{ 
    height: auto; 
    max-height: 200px; 
} 

http://jscrollpane.kelvinluck.com/arrows.html

페이지 : 예를 들어, 다음 페이지는이 문제에 대한 해결책이 포함되어 있습니다.

+0

내 문제는 다음과 같습니다. 영역이 사용자에게 보이는 것보다 길고 가로 스크롤 막대를 움직여 약간 바보짓을합니다. 스크롤 가능한 내용이 마우스 오버시 약간 확장되므로 "오버플로"효과를 시뮬레이트해야하므로 길어야합니다. jScrollpane을 비활성화하고 다음 CSS를'.scroll-pane {overflow-y : scroll! important; overflow-x : 자동! 중요; }'. 이 기능은 네이티브 스크롤 막대와 완벽하게 작동하지만 jScrollpane과는 완벽하게 작동하지 않습니다. –

+0

'.scroll-pane'에'height : 200px'를 지정하는 것이 핵심이었던 것 같습니다. 처음으로 길게 만든 다음 정확하게 200px로 지정하면 수직 스크롤이 사라집니다. –

관련 문제