Запрет скроллинга страницы при ховере

Как запретить скроллинг страницы при ховере на элементе и скроллинге внутри него

Ниже будет приведен простой пример запрещающий скроллинг страницы при ховере на элементе , диве например, на гениальность код не претендует, но вроде все работает.

$('div').on('mouseover hover scroll ', function(e) {
e.preventDefault();
if ((e.target.scrollTop+e.target.offsetHeight+1)>=e.target.scrollHeight)
{
e.target.scrollTop=e.target.scrollTop-1;
console.log(e.target.scrollTop);
return false;
}
if (e.target.scrollTop<=2)
{
e.target.scrollTop=e.target.scrollTop+2;
return false;
}
});

 


Добавить комментарий