I've been troubleshooting a problem without success, so I decided to download the jQuery plugin mCustomScrollbar. Everything seems to be working fine except for one thing - I can't scroll using the mousewheel on my test page. The console is clear, and examples from the author work flawlessly. I've tested my code on the latest versions of Firefox and Chrome, but it still doesn't seem to be functioning.
Here's a snippet of my code:
HTML:
<div id="elements">
<p>Elements</p>
<div id="list">
xxx<br />xxx<br />
abc<br />def<br />ghi<br />jkl<br />abc<br />def<br />ghi<br />jkl<br />abc<br />def<br />ghi<br />jkl<br />abc<br />def<br />ghi<br />jkl<br />
</div>
</div>
JS:
$(document).ready(function(){
$('div#elements').mCustomScrollbar({
axis:'y',
theme:'dark',
mouseWheel:{
enable:true,
scrollAmount:5
}
});
});
CSS:
div#elements {
background-color:#fff;
border:1px solid #000;
height:350px;
position:absolute;
right:10%;
top:20%;
width:230px;
z-index:2;
}
div#elements p {
border-bottom:1px solid #000;
cursor:default;
margin:0;
padding:8px 0;
text-align:center;
}
If anyone has any advice or suggestions, please feel free to reach out. I'll be eagerly awaiting your response.