2010-12-29 3 views
0

arrows.i와 함께 jscrollpane (수직 만)을 사용하고 있습니다. 내 페이지에 두 개의 버튼이 있으며 스크롤 버튼 (위아래)이 같은 방식으로 작동하도록 버튼이 작동합니다.nirav jscrollpane arrow button

http://jscrollpane.kelvinluck.com/ (다운로드 링크)

+0

최대 스크롤 - $ ('.jScrollArrowUp') 트리거 ('mousedown'); $ ('html'). trigger ('mouseup'); 스크롤 다운을위한 \t - $ ('. jScrollArrowDown'). trigger ('mousedown'); \t \t \t $ ('html'). trigger ('mouseup'); – nirav

답변

0

는이 작업을 수행 할 jScrollPane API과 scrollBy 방법을 사용할 수 있습니다. 나는 jsfiddle.net에 함께 예를 뒀다 :

http://www.jsfiddle.net/gLRYu/2/

내 예제 코드는 다음과 같습니다 (과의 ID에 의존 링크에 추가되는 "스크롤 다운" "위로 스크롤"및 페이지에서) :

var api = $('.scroll-pane').jScrollPane().data('jsp'); 
$('#scroll-up').bind(
    'click', 
    function() 
    { 
     api.scrollByY(-10); 
     return false; 
    } 
); 
$('#scroll-down').bind(
    'click', 
    function() 
    { 
     api.scrollByY(10); 
     return false; 
    } 
); 
+0

해당 플래그에 오류가 있습니다 ... api가 null이거나 객체가 아닙니다. – nirav

+0

위의 jsfiddle 링크가 정상적으로 작동합니다 ... 어떤 브라우저에서 오류가 표시됩니까? 예제 페이지 나 개발중인 페이지에 오류가 있습니까? – vitch