еп.
// Функция для обработки колеса мыши на документе
function mufuncwheel( e ) {
// тут обрабатывай событие прокрутки колеса мыши.
// собственно само событие, для ИЕ берем из window
e = e || window.event;
if ( e.wheelDelta ) {
wheelDelta = e.wheelDelta / 120;
} else if ( e.detail ) {
wheelDelta = -e.detail / 3;
}
var elem = document.getElementById('my_div');
if ( wheelDelta < 0 ) {
// мышь крутанули вниз
elem.scrollTop += 10;
// тут можешь прибавлять значение scrollTop своего дива
} else if ( wheelDelta > 0 ) {
// мышь крутанули вверх
elem.scrollTop -= 10;
// тут можешь уменьшать значение scrollTop своего дива
}
// Предотвращаем дальнейшее всплытие события
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
// Отменяем действие по умолчанию для события
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
}
window.onload = function() {
// Вешаем событие на документ
if ( document.attachEvent ) {
document.attachEvent( 'onmousewheel', mufuncwheel );
} else {
document.addEventListener( 'DOMMouseScroll', mufuncwheel, false );
}
}
<html>
<body>
<div id="my_div" style="width: 200px; height: 200px; overflow: auto;">многа контента, тут очень много что даже появился скролл</div>
</body>
</html>