<div id="mydiv" style="width: 100px; height: 100px; overflow: auto">
<div>Много данных</br>
Много данных</br>
Много данных</br>
Много данных</br>
Много данных</br>
Много данных</br>
Много данных</br>
Много данных</br>
</div>
</div>
<script type="text/javascript">
var elem = document.getElementById( 'mydiv' ); // элемент у которого нужно заблокировать скролл
if ( elem.addEventListener ) {
elem.addEventListener( "DOMMouseScroll", elem.onmousewheel = function( e ) {
e.preventDefault();
}, false );
} else {
elem.onmousewheel = function( e ) {
window.event.returnValue = false;
}
}
</script>