레이어 팝업 스크롤 마우스 드래깅 이벤트 막기

Question

안녕하세요? 레이어 팝업을 모달로 띄우고,스크롤을 막기위해 현재<body class&#61;&#34;scroll&#34;>에 $('.scroll').live('DOMMOUSEScroll, touchmove mousewheel', function(e){ return false}); 위와 같이 구현을 하여 잘 작동된 상태입니다.이벤트의 해제도 die 함수를 써서 잘 구현된 상태이나스크롤을 움직이는 방법중에 휠,키보드 방식을 잘 막아놓았으나현재 마우스를 이용해 스크롤을 드래깅해서 스크롤링을 하는 방식은 블록킹이 안되네요.찾아보면 위 함수의 이벤트중 touchmove가 그 역할을 담당하는것으로 여겼지만,모바일에서만 작동하고 웹상에서는 작동하지 않습니다.(test browser:chrome, IE, firefox)혹시 마우스 커서로 직접 스크롤을 드래깅 하는 방식의 스크롤을 막는 방법에 대해 도움부탁드립니다. 감사합니다..!

앵두파파 · Answer

css로 막지 않는 이유가 있으신지요?보통 레이어팝업 띄울 때 스크롤 되는 영역은 overflow:hidden 으로 스크롤바를 없애는데 스크립트로 막는것은 처음 보네요..

초코쪼꼬 · Answer

그러게요.. 스크롤바를 없애면 해결될거 같은데..

mayo · Answer

아. 이제사 봤습니다.스크롤을 없앤다면 모달 레이어 팝업 띄울때에 스크롤이 없어지면서 부모창의 사이즈가 변화하게 되어 팝업 띄울시 부모창이 살짝 움직이게 되는 현상이 나타나서 스크롤 방지로 쓰고자 합니다.

레이어 팝업 스크롤 마우스 드래깅 이벤트 막기

3개의 답변

#mouse 목록