我有点不确定如何正确调用这个插件mousewheel.js
我将它与jscrollplane结合使用来制作自定义滚动条。
我使用以下代码调用 jscrollplane:
<script type="text/javascript">
(function ($) {
$(document).ready(function(){
$('.scroll-pane').each(
function()
{
$(this).jScrollPane(
{
showArrows: $(this).is('.arrow')
}
);
var api = $(this).data('jsp');
var throttleTimeout;
$(window).bind(
'resize',
function()
{
if ($.browser.msie) {
if (!throttleTimeout) {
throttleTimeout = setTimeout(
function()
{
api.reinitialise();
throttleTimeout = null;
},
50
);
}
} else {
api.reinitialise();
}
}
);
}
)
})
})(jQuery);
</script>
以下是 mousewheel.js
<script type="text/javascript">
(function ($) {
$('.scroll-pane')
.mousewheel(function(event, delta, deltaX, deltaY) {
var o = '';
if (delta > 0)
o = '.scroll-pane: up ('+delta+')';
else if (delta < 0)
o = '.scroll-pane: down ('+delta+')';
if (deltaX > 0)
o = o + ', east ('+deltaX+')';
else if (deltaX < 0)
o = o + ', west ('+deltaX+')';
if (deltaY > 0)
o = o + ', north ('+deltaY+')';
else if (deltaY < 0)
o = o + ', south ('+deltaY+')';
if( o != '' )
log( o );
return false; // prevent default
});
})(jQuery);
</script>
jscrollplane 工作正常,只是没有鼠标滚轮。