이벤트 캡처 (1) 썸네일형 리스트형 [mobile] 레이어팝업 구현시 이벤트 캡처 현상 제거하기 레이어팝업에서 스크롤 이벤트를 발생 시켜야 할 경우 난 분명 스크롤이 있는 곳을 스크롤 하였는데 바디 부분도 함께 스크롤 되는 경우가 있다. 이런 버블링 현상을 제거해 주기 위해 보통, $('body').bind('touchmove', function(e){ e.preventDefault(); }); 이 이벤트를 걸어주는데 모바일에서 직접 볼 경우엔 바디 뿐만 아니라 레이어팝업에 있는 스크롤 기능조차 안된다. 또한 웹상에서 모바일 미리보기로 볼 경우에, 이런 에러가 콘솔에 찍히는걸 볼 수 있다. preventDefault가 먹히지 않는 것인데,이 경우에는 html과 body부분의 스크롤을 숨기고, 레이어 팝업에서 스크롤 되야하는 영역에 직접 스크롤 스타일을 넣어준다.뿐만아니라, passive 현상을 제거.. 이전 1 다음
