ホバーイベントのjScrollPaneをどのように拡張しますか？

Question

続きを見るhere

マウスを押したままjScrollPaneをスクロールさせたいと思います。私の理由は、自分の矢印ボタンを作ることができるからです。私は彼らがペインの同じ幅で上部と下部のスクロールペインの外側にあることを望みます。

私はボタンをmousehoverとmousedown jqueryイベントで動作させる方法を知っていますが、ペインは1回だけスクロールします。私はそれにYの値、約20を与えて、mousedownがまだ真であるかどうかをチェックし続けます。

私は何も試してみることはできません。

Answer 1

ボタンの上にマウスを置いている間に繰り返し発生するインターバルタイマーを設定する必要があります。あなたは、矢印ボタンがJScrollPaneのコードでどのように働くかを調べることでこれを実行する方法についていくつかのヒントを得ることができます。

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

ここでプラグインの外から同じことを、いくつかのサンプルコードです：

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); 
    } 
); 

あなたはそれが働いて見ると、このjsfiddleでそれで遊ぶことができます。 http://www.jsfiddle.net/WzNM4/1/