我一直沒有成功獲取鼠標滾輪來滾動水平jscrollpane。有沒有人有這方面的經驗,並可以提供一些指針。jscrollpane水平鼠標滾輪
在js文件我看到下面的更新僅僅幾個月前 // 2.0.0beta3的意見 - (2010-08-27)臥式滾輪,mwheelIntent,鍵盤支持,bug修復
我查看了github問題頁面和Kelvin的常見問題解答和已知問題頁面以及谷歌組,沒有任何東西讓我覺得這應該是不可能的。
任何幫助表示讚賞。
我一直沒有成功獲取鼠標滾輪來滾動水平jscrollpane。有沒有人有這方面的經驗,並可以提供一些指針。jscrollpane水平鼠標滾輪
在js文件我看到下面的更新僅僅幾個月前 // 2.0.0beta3的意見 - (2010-08-27)臥式滾輪,mwheelIntent,鍵盤支持,bug修復
我查看了github問題頁面和Kelvin的常見問題解答和已知問題頁面以及谷歌組,沒有任何東西讓我覺得這應該是不可能的。
任何幫助表示讚賞。
你需要確保你正在使用一個版本的鼠標滾輪插件就會出來之後2010-08-27 - 更改了鼠標滾輪插件以及爲JScrollPane的製造,使其工作。在我的演示頁我使用3.0.4:
http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js
如果沒有再幫你可以確定水平滾動是否爲你的作品在我的演示頁。它在我嘗試過的所有瀏覽器中都有一個可以水平轉動的鼠標(或者在macbook觸控板上)。
我已經布蘭登·艾倫使用鼠標滾輪檢測插件:
http://brandonaaron.net/code/mousewheel/demos
它運作良好,在FF,歌劇,Safari,Chrome瀏覽器,IE8 +。
我有這個插件引用,如果我理解正確,開爾文實際上是在他的代碼中進行綁定。所以,除非我錯過了某些東西,否則我只應該引用它,並且一切都照顧好了? – 2010-11-09 04:36:58
我已經使用了下面的鏈接1.5 yeears回來,它確實工作,請讓我知道你是否有任何疑問。
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
看到這個鏈接它有水平http://jscrollpane.kelvinluck.com/arrow_positions.html – kobe 2010-11-09 05:07:30
你可以使用這樣的事情:
$('.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至另一個值來改變滾動的速度和方向。
這對我的網站完美的作品。
試試。
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;
}
);
});
});
您將鼠標滾輪事件綁定了兩次 - 因此,對於每個mousewheel事件,您都將另一個事件綁定到scrollPane元素。有了這段代碼,我體驗到了加速滾動速度的行爲。 – chodorowicz 2012-02-11 20:28:33
我沒有拉下最新的鼠標滾輪。在您的演示頁面上,水平滾動不適用於我。我已經使用ie,chrome,safari和相同的結果。只有垂直滾動似乎工作,沒有別的。 – 2010-11-09 15:09:53
也,我只是意識到,也許我小姐理解這應該如何工作。在橫向模式下,我期望同一個輪子移動垂直滾動來移動水平滾動,這是否正確? – 2010-11-09 15:20:27
確認移位滾動實際上起作用,所以水平滾動並不是我所期望的,但可能與實施完全一致。 – 2010-11-09 15:23:21