Доброе утро Ребятки!
Будьте добры, подскажите советом
На главной странице сайта имеется виджет Чат. И вот при прокрутке сайта - попадая на виджет чат, начинаем долго листать скролом сам чат, а не сайт.
Посетила идея - убрать скролл мышкой в определенном DIV блоке - НО при этом оставить "правую полосу прокрутки".
Долго копаясь в интернете нашел данный Java-скрипт:
<html>
<head>
<script>
function disableWheelScroll(){
if (document.body.addEventListener) document.body.addEventListener('DOMMouseScroll', blockWheel, false);
document.body.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>
</head>
<body>
... контент ...
<script>disableWheelScroll();</script>
</body>
</html>
Скрипт блокирует колесико мышки для всего документа.
Если хочется запретить прокрутку для конкретного элемента, то document.body меняем на document.getElementById.
Так вот всю страницу он то блокирует) уже проверял, а теперь пробую понять о чем он имел ввиду под:
Если хочется запретить прокрутку для конкретного элемента, то document.body меняем на document.getElementById.
Пробовал так:
<html>
<head>
<script>
function disableWheelScroll(){
if (document.getElementById.addEventListener) document.getElementById.addEventListener('МОЙ ДИВ БЛОК', blockWheel, false);
<b>document.getElementById.</b>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>
</head>
<body>
... контент ...
<script>disableWheelScroll();</script>
</body>
</html>
Но как понял - что-то не то)
Будьте добры, ткните носом где затупил...
