내가 자꾸 까먹어서 쓰는 개발 이야기/jQuery
모바일에서 특정 오브젝트 스크롤 막기
FIL.
2014. 2. 12. 15:53
728x90
document.body.addEventListener('touchstart', function(e){ e.preventDefault(); });
와 같이 하여 document 전체에 대해 이벤트를 막을 수 있음.
특정 객체를 선택하여 이벤트를 막으려는 경우에는 jquery를 사용하여,
$("any-object-selector").get(0).addEventListner( 'touchstart', function(e) {e.preventDefault();});
해제도 필요한 경우에는 function을 따로 정의하여 사용한다.
function lock_touch(e) {
e.preventDefault();
}
설정 : $("any-object-selector").get(0).addEventListner( 'touchstart', lock_touch);
해제 : $("any-object-selector").get(0).removeEventListner( 'touchstart', lock_touch);
출처 : http://stackoverflow.com/questions/10592411/disable-scrolling-in-all-mobile-devices