2010-11-09 149 views
4

我一直沒有成功獲取鼠標滾輪來滾動水平jscrollpane。有沒有人有這方面的經驗,並可以提供一些指針。jscrollpane水平鼠標滾輪

在js文件我看到下面的更新僅僅幾個月前 // 2.0.0beta3的意見 - (2010-08-27)臥式滾輪,mw​​heelIntent,鍵盤支持,bug修復

我查看了github問題頁面和Kelvin的常見問題解答和已知問題頁面以及谷歌組,沒有任何東西讓我覺得這應該是不可能的。

任何幫助表示讚賞。

回答

1

你需要確保你正在使用一個版本的鼠標滾輪插件就會出來之後2010-08-27 - 更改了鼠標滾輪插件以及爲JScrollPane的製造,使其工作。在我的演示頁我使用3.0.4:

http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js

如果沒有再幫你可以確定水平滾動是否爲你的作品在我的演示頁。它在我嘗試過的所有瀏覽器中都有一個可以水平轉動的鼠標(或者在macbook觸控板上)。

+0

我沒有拉下最新的鼠標滾輪。在您的演示頁面上,水平滾動不適用於我。我已經使用ie,chrome,safari和相同的結果。只有垂直滾動似乎工作,沒有別的。 – 2010-11-09 15:09:53

+0

也,我只是意識到,也許我小姐理解這應該如何工作。在橫向模式下,我期望同一個輪子移動垂直滾動來移動水平滾動,這是否正確? – 2010-11-09 15:20:27

+0

確認移位滾動實際上起作用,所以水平滾動並不是我所期望的,但可能與實施完全一致。 – 2010-11-09 15:23:21

0

我已經布蘭登·艾倫使用鼠標滾輪檢測插件:
http://brandonaaron.net/code/mousewheel/demos

它運作良好,在FF,歌劇,Safari,Chrome瀏覽器,IE8 +。

+0

我有這個插件引用,如果我理解正確,開爾文實際上是在他的代碼中進行綁定。所以,除非我錯過了某些東西,否則我只應該引用它,並且一切都照顧好了? – 2010-11-09 04:36:58

0

我已經使用了下面的鏈接1.5 yeears回來,它確實工作,請讓我知道你是否有任何疑問。

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html 
+0

看到這個鏈接它有水平http://jscrollpane.kelvinluck.com/arrow_positions.html – kobe 2010-11-09 05:07:30

10

你可以使用這樣的事情:

$('.scroller').each(function(){ 
    var scrollPane = $(this).jScrollPane(); 
    var api = scrollPane.data('jsp'); 
    scrollPane.bind( 
     'mousewheel', 
     function (event, delta, deltaX, deltaY) 
     { 
      api.scrollByX(delta*-50); 
      return false; 
     } 
    ); 
}); 

變化-50至另一個值來改變滾動的速度和方向。

-1

這對我的網站完美的作品。

試試。

jQuery(function($) { 
    $('div.scroll-pane') 
     .bind('mousewheel', function(event) { 
      var scrollPane = $(this).jScrollPane(); 
      var api = scrollPane.data('jsp'); 
      scrollPane.bind('mousewheel',function (event, delta, deltaX, deltaY) 
     { 
      api.scrollByX(delta*-50); 
      return false; 
     } 
     ); 
     }); 
}); 
+0

您將鼠標滾輪事件綁定了兩次 - 因此,對於每個mousewheel事件,您都將另一個事件綁定到scrollPane元素。有了這段代碼,我體驗到了加速滾動速度的行爲。 – chodorowicz 2012-02-11 20:28:33