Есть два блока на странице. Они ограничены по высоте, поэтому использую прокрутку внутри, когда текст слишком большой. Проблема в том, что прокрутка блока работает, даже если крутить колесико мыши, когда курсор за пределами блока. А так как на странице два блока, то они оба начинают прокручиваться. Как сделать, чтобы работало только когда курсор внутри блока? Использую вот этот код, но ошибку не понимаю:
$('div.rl-desc').hover(function(){
function addHandler(object, event, handler) {
if (object.addEventListener) {
object.addEventListener(event, handler, false);
}
else if (object.attachEvent) {
object.attachEvent('on' + event, handler);
}
}
addHandler(window, 'DOMMouseScroll', wheel);
addHandler(window, 'mousewheel', wheel);
function wheel(event) {
var delta;
event = event || object.event;
if (event.wheelDelta) {
delta = event.wheelDelta / 120;
if (window.opera) delta = -delta;
}
else if (event.detail) {
delta = -event.detail / 3;
}
if (event.preventDefault) event.preventDefault();
event.returnValue = false;
console.log(delta);
if(delta == 1){
$('div.rl-desc').scrollTo('-=20px');
}
else{
$('div.rl-desc').scrollTo('+=20px');
}
}
return false;
});