I've got a nice looking horizontal scroller that uses the Range Input feature of jQ Tools. Mouse wheel scrolling support would be awesome, and I'm sure it can work, just not sure how to get it set up. I've got the generic setup:
var scroll = jQuery('#scroll');
jQuery(':range').rangeinput({
speed: 0,
progress: true,
onSlide: function(ev, step) {
scroll.css({left: -step});
},
change: function(e, i) {
scroll.animate({left: -i}, "fast");
}
});
The doc page ( http://jquerytools.org/documentation/toolbox/mousewheel.html ) for mousewheel gives an example:
$("#myelement").mousewheel(function(event, delta) {
});
But I'm not sure how this hooks in. Other tools in the package simply allow the option:
mousewheel: true
Unfortunately that doesn't work on range input. Any advice appreciated. Thank you.