jQuery Tools - Range Input with Mousewheel support
        Posted  
        
            by 
                pspahn
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by pspahn
        
        
        
        Published on 2012-04-05T23:24:40Z
        Indexed on 
            2012/04/05
            23:30 UTC
        
        
        Read the original article
        Hit count: 312
        
jquery-tools
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.
© Stack Overflow or respective owner