- Post in | WebDevelop/jQuery
- Post at | 2016. 6. 28. 23:25 | by 쥬리엘
영역내에서 마우스 휠되도록...
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();
이렇게 사용하면 된다..
'WebDevelop > jQuery' 카테고리의 다른 글
| jQuery .attr() vs .prop() (0) | 2015.04.27 |
|---|---|
| jQuery와 prototype의 충돌 해결방법 (0) | 2013.05.13 |
| jQuery selector시 좋은 습관 (0) | 2009.10.13 |
