Wie erweitern Sie die jScrollPane für Hover-Ereignisse?

Question

aus dem Beispiel folgend auf gefunden here

ich die jScrollPane scrollen, wenn die Maus erhalten möchten gedrückt wird. Mein Grund dafür ist, dass ich meine eigenen Pfeiltasten machen kann. Ich möchte, dass sie sich außerhalb des Bildlauffensters oben und unten mit der gleichen Breite des Fensters befinden.

Ich weiß, wie man die Tasten an einem 0quelly-Ereignis mousehover und mousedown funktioniert, aber das Fenster nur dann scrollt einmal nach unten. Ich will es geben Y Wert, etwa 20, und bekommen es zu überprüfen, wenn mousedown ist immer noch etc.

Aber nichts, was ich versuche scheint zu arbeiten.

Answer 1

Sie müssen einen Intervalltimer einrichten, der wiederholt ausgelöst wird, während sich die Maus über Ihrer Taste befindet. Sie können einige Hinweise zu bekommen, wie dies bei, indem Sie tun, wie die Pfeiltasten in der JScrollPane Code arbeiten:

https://github.com/vitch/jScrollPane/blob/master/script/jquery.jscrollpane.js#L503

Hier ist ein Beispiel-Code, der das gleiche von außerhalb des Plugin macht:

var api = $('.scroll-pane').jScrollPane().data('jsp'); 
$('#hover-down').bind(
    'mouseover', 
    function() 
    { 
     var scrollInterval, 
      link = $(this), 
      doScroll = function() 
      { 
       api.scrollByY(5); 
      }; 
     link.bind(
      'mouseout.demo', 
      function() 
      { 
       clearInterval(scrollInterval); 
       link.unbind('mouseout.demo'); 
      } 
     ); 
     doScroll(); 
     scrollInterval = setInterval(doScroll, 50); 
    } 
); 

Sie können sehen, es funktioniert und mit ihm in diesem jsfiddle rumspielen: http://www.jsfiddle.net/WzNM4/1/