2010-11-09 150 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