Запретить Скролл мышки в DIV блоке?
где getElementById нужно в скобках вставить id элемента т.е. document.getElementById('id');
где как вы указали 'МОЙ ДИВ БЛОК' относительно оригинала вы ничего не меняете.
Спасибо за подсказку!
Увы, почему-то, не получается заблокировать - скролл виджет-чата.
Немог бы кто знающий подсказать в чем просчет?)
быть может способ не тот, или есть другие варианты заблокировать скролл определенного див блока?)
Вариант 1<script>
function disableWheelScroll(){
if (document.getElementsByClassName.addEventListener) document.getElementById('shoutbox').addEventListener('DOMMouseScroll', blockWheel, false);
document.getElementsByClassName.onmousewheel = blockWheel;
}
function blockWheel(event){
if (!event) event = window.event;
if (event.stopPropagation) event.stopPropagation();
else event.cancelBubble = true;
if(event.preventDefault) event.preventDefault();
else event.returnValue = false;
}
</script>
Вариант 2<script>
function disableWheelScroll(){
if (document.getElementsByClassName.addEventListener) document.getElementsByClassName('scroll-wrap').addEventListener('DOMMouseScroll', blockWheel, false);
document.getElementsByClassName.onmousewheel = blockWheel;
}
function blockWheel(event){
if (!event) event = window.event;
if (event.stopPropagation) event.stopPropagation();
else event.cancelBubble = true;
if(event.preventDefault) event.preventDefault();
else event.returnValue = false;
}
</script>
Блок самого Чата<div class="scroll-wrap"><div class="scroll-pane"><div id="shoutbox"></div></div></div>