영역내에서 마우스 휠되도록...

div같은곳에 내용을 출력할때 style을 overflow: scroll 로 해두고...

내용이 많을때 스크롤이 생길테고 마우스 휠을 내릴때 스크롤이 하단에 위치하게 되면 이때부터 해당 영역 밖의 스크롤이 동작하게 된다.

때론 이런 기능이 불편할때가 있는데...

이런때를 위한 기능을 jQuery로 만들었다...

$.fn.extend({
    mouse_wheel: function() {
        $(this).on('mousewheel', function(e) {
            if (e.originalEvent.wheelDelta >= 120) {
                this.scrollTop -= 50;
            } else if (e.originalEvent.wheelDelta <= -120) {
                this.scrollTop += 50;
            }
            return false;
        });
    }
});

$('div').mouse_wheel();

이렇게 사용하면 된다..