2010-12-29 13 views
0

ich benutze jscrollpane (nur vertikal) mit pfeilen. Ich habe zwei taste auf meiner seite und ich will diese tasten funktionieren auf die gleiche weise scrollen pfeile (nach oben und unten) tasten arbeiten.nirav jscrollpane pfeil button

http://jscrollpane.kelvinluck.com/ (Download-Link)

+0

zum Scrollen nach oben - $ ('jScrollArrowUp. ') Trigger (' mousedown-.'); $ ('html'). Trigger ('mouseup'); \t zum Herunterscrollen - $ ('. JScrollArrowDown'). Trigger ('mousedown'); \t \t \t $ ('html'). Trigger ('mouseup'); – nirav

Antwort

0

Sie können die jScrollPane API und die scrollBy Methode, dies zu erreichen. Ich habe zusammen ein Beispiel auf jsfiddle.net setzen:

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

Der Code von meinem Beispiel sieht wie folgt aus (und stützt sich auf IDs von „scroll-up“ und „Scroll-down“ zu den Links hinzugefügt werden auf der Seite):

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

sein Flag ein Fehler, der ... api ist null oder kein Objekt. – nirav

+0

Der obige Link funktioniert gut für mich ... In welchem ​​Browser ist ein Fehler aufgetreten? Haben Sie Fehler auf meinen Beispielseiten oder nur auf der Seite, die Sie entwickeln? – vitch