鼠标滚轮在IE8中不能与jScrollPane一起使用(没有iframe!)

时间:2011-12-16 16:56:34

标签: javascript jquery jscrollpane

我有问题和使用鼠标滚轮滚动jScrollPane div的内容,我似乎没有在IE8中工作。在Chrome中我没有正常工作。关于simular问题,我已经红了,但是那些情况下问题是使用了iframe,我没有。我包括了mouswheel插件,据我所知,我已经正确设置了所有内容。

包含必要的文件:

<link type="text/css" rel="stylesheet" href="<?php echo base_url(); ?>assets/css/jquery.jscrollpane.css" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jquery.jscrollpane.min.js"></script>

申请jScrollPane:

$("#chatlog").jScrollPane({
    autoReinitialise: true,
    autoReinitialiseDelay: 100,
    maintainPosition: true,
    stickToBottom: true,
    verticalDragMinHeight: 13,
    verticalDragMaxHeight: 13
});

CSS:

#chatlog {
    position: relative;
    height: 400px;
    margin-bottom: 10px;
    overflow-y: scroll;
}

我已经设置了一个非常简单的测试页面:

http://www.webtrail.nl/jscrollpane-example

谢谢!

2 个答案:

答案 0 :(得分:1)

解决方案很简单。我已下载并包含最新版本的jquery mousewheel插件,问题解决了:

https://github.com/brandonaaron/jquery-mousewheel/downloads

答案 1 :(得分:1)

我有同样的问题,并将我的旧jquery 1.5替换为jquery 1.7,现在它正常工作。