레이어팝업에서 스크롤... > 자유게시판

자유게시판

레이어팝업에서 스크롤... 정보

레이어팝업에서 스크롤...

본문

 
반투명한 배경위로 나오는 레이어팝업 있잖아요..
 
그거 쓸때 보통 스크롤이 안되어야 하는데
 
오만 방법을 다 써봐도 안되네요..
 
대형 포털이나 큰 사이트들 가봐도 그건 대부분 해결을 못한것 같더라구요..
 
현재스크롤 위치를 기억하고 팝업이 뜨면 스크롤바를 없앴다가 지정위치로 이동시켜주는 방법도 써봤고 ;;
 
지금은 궁여지책으로 팝업이 뜨면 마우스 휠 이벤트를 강제로 막아버리는 방법을 쓰고는 있는데
 
문제는!! 팝업안에 또 스크롤이 되어야 하는 애들이 있기땀시 불편한점이 또 있네요 ㅠ.ㅠ
 
전체 스크롤은 정지되고 그 외에는 정상적으로 스크롤이 되게 할 수 있는 방법이 있을까요?
 
크로스브라우징 필수.. no DTD 로 가능할지..
 
 
 
 
추천
0
  • 복사

댓글 13개

찾다보니 이런게 있네요.
http://jsfiddle.net/2vVVn/

스크롤 해야하는건 객체 아이디 지정해서 리턴 주면 되지 않을까 하는데 ㅎㅎㅎ
일단 뭔지는 잘 모르겠지만 한번 시도해봐야겠네요.. 주섬주섬 ;;
자꾸 눈에 밟혀서 짜증났었는데 감사합니당 ^^
제가 잘 이해하고 있는건지 모르겠어요....ㅠㅠ

이런 방법은 ....

$('#modalwin').on('shown', function () {
    $('body').on('wheel.modal mousewheel.modal', function () {return false;});
}).on('hidden', function () {
    $('body').off('wheel.modal mousewheel.modal');
});
헙 밑에 주소에 있는거 해보고 왔는데 ;
제가 예전에 썼던 방식이네요.. 스크롤바 없앴다가 원상복귀 ㅎㅎ
요거도 한번 봐야겠어요 ^^
미운오리스키님,,질문의도을 사실 잘 이해 못하고 있긴하지만..
모달레이어로 구현하고,,배경알파값을 0%(color:white)로 주는 꼼수가 있겠다는 생각이 드네요.

근데..머리 아픈걸 왜 하세요?..^^

완성되시면 저에게도 알려주세요,,굽신굽신...
사실 그닥 중요한건 아닌데 자꾸 눈에 밟혀서요 ㅎㅎ
질문은 스크롤바를 컨트롤 하는건데 간단치가 않네요 ㅠ.ㅠ
언젠가는 꼭 만들고 말리라..!!
모달창이 생성될때 문서의 scrollTop 을 기억.
모달창이 뜰때 배경이 될 객체의 높이를 브라우져크기로 강제조절, 옵션을 overflow:hidden;로 주어 스크롤을 없앰과 동시에 강제로 scrollTop 값을 브라우져 높이값으로 지정.
모달창을 없앨때는 반대로 하면 되지 않을까요?
테스트는 안해봤습니다. ㅎㅎㅎ
그 방법도 해봤는데..
문제는 스크롤이 없어졌다 생겼다 하게되면 화면상 약간의 움직임이 있는지라 ;;
스크롤바를 그대로 두고 컨트롤 하는 방법을 찾고 있거등요 ㅠ.ㅠ
© SIRSOFT
현재 페이지 제일 처음으로