在jscrollpane / jquery中不使用鼠标滚动

时间:2011-02-13 15:58:45

标签: jquery jscrollpane

我设法让jscrollpane up&跑步,但我还有一些问题。我做了很多测试,但未能解决这个错误:

如果我想使用箭头键或向上/向下翻页,整个网站都会移动,而不仅仅是div。我只是通过阻止这些密钥来管理它

$(window).keypress(function(evt) {
        switch(evt.keyCode) {

        case 33:
        case 34:
        case 38:
        case 40:
            evt.preventDefault();
            break;
        }


 });

这显然是一种解决方法。我该如何解决这个问题?

其次,我实际上没有实现对jScrollpane的Android / iPhone / iPad支持。我真的尝试了很多。许多版本的outdatet(但我甚至使用旧版本的jScrollpane失败了。)

有人可以对最新的选项进行审核以实现此目的!

我真的很感激任何帮助,因为我的智慧结束了!

2 个答案:

答案 0 :(得分:0)

要使用箭头键(以及向上翻页和向下翻页)进行滚动,您需要首先通过单击它来对焦滚动窗格。这与本机滚动区域的行为相同(具有overflow:auto)。如果您看到不同的行为,请确保您拥有最新版本的jScrollPane [http://jscrollpane.kelvinluck.com/]。

同样,触摸屏支持包含在最新版本的jScrollPane中,AFAIK运行良好。如果您仍然遇到问题,则需要向显示问题的页面发送链接,以便我们帮助调试。

希望它有所帮助!

答案 1 :(得分:0)

根据我在jScrollPane版本1的作者主页中查看的内容,即使使用Focus,页面和页面向下键确实无法正常运行(我使用的是firefox)。

示例可以在这里看到: http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html

确实可以点击5个窗格中间任意一个来获得焦点,只有在“#pane5(提供正常的操作系统)”中才能进行Pageup Pagedown键工作。

同样适用于Ctrl-Home和Ctrl-End组合。

在版本2中,此问题已修复:http://jscrollpane.kelvinluck.com/themes/lozenge/

相关问题