1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | ( function () { function scrollHorizontally(e) { e = window.event || e; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); document.getElementById( 'yourDiv' ).scrollLeft -= (delta*40); // Multiplied by 40 e.preventDefault(); } if (document.getElementById( 'yourDiv' ).addEventListener) { // IE9, Chrome, Safari, Opera document.getElementById( 'yourDiv' ).addEventListener( "mousewheel" , scrollHorizontally, false ); // Firefox document.getElementById( 'yourDiv' ).addEventListener( "DOMMouseScroll" , scrollHorizontally, false ); } else { // IE 6/7/8 document.getElementById( 'yourDiv' ).attachEvent( "onmousewheel" , scrollHorizontally); } })(); |