Прокрутка блока колесом мыши продолжает работать за пределами блока. Как исправить?

Есть два блока на странице. Они ограничены по высоте, поэтому использую прокрутку внутри, когда текст слишком большой. Проблема в том, что прокрутка блока работает, даже если крутить колесико мыши, когда курсор за пределами блока. А так как на странице два блока, то они оба начинают прокручиваться. Как сделать, чтобы работало только когда курсор внутри блока? Использую вот этот код, но ошибку не понимаю:

$('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;
      });