Question

I have and issue with scrolling content of a jScrollPane div using the mousewheel, which I don’t seem to get working in IE8. In Chrome i’ts working correctly. I’ve red about simular issues but those cases the problem was with an iframe being used, which I don’t. I included the mouswheel plugin and as far as I know I’ve set up everything correctly.

The inclusion of the necessary files:

<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>

Apply 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;
}

I’ve set up a very simple testpage that has this issue:

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

Thanks!

Answer 1

Solution was simple. I’ve downloaded and included the newest version of the jquery mousewheel plugin and the problem was solved:

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