모바일 사이드 메뉴 후 부모창 스크롤 막기
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=12R 주소복사
본문
안녕하세요. 이번에 pc cummunity 테마 구매 후 적용 중입니다.
1. 모바일 화면에서 사이드 메뉴 팝업 후 팝업(사이드메뉴)만 스크롤 되고 뒤에 있는 부모창은 스크롤이 되지 않게 막고 싶은데
어느 부분에 소스를 수정 하면 될까요?
아래와 같은 코드를 추가 하려고 하는데 조언 부탁 드립니다.
==============================
// 터치 동작을 막을 부분에 추가 (레이어팝업 호출)
$('body').bind('touchmove', function(e){
e.preventDefault()
});
// 터치 동작을 다시 해제시킨다. (레이어팝업 닫기)
$('body').unbind('touchmove');
==============================
2. pc 모드에서 웹진 게시판의 경우에도 팝업 후 부모창이 스크롤 되는데 막는 방법이 없을까요?
팝업 이벤트 방식이 i-frame으로 가지고 있다고 show/hide 형식으로 보여주는것 같은데 소스의 위치나 형식이 익숙치 않아
조금 헤메고 있네요.
eyoom/theme/pc_community/skin_pc/board/webzine/list.skin.html 에서 아래 함수 찾아보다 질문 올려 봅니다.
==============================
function eb_modal(href) {
$('.view-iframe-modal').modal('show').on('hidden.bs.modal', function () {
$("#view-iframe").attr("src", "");
});
debugger;
$('.view-iframe-modal').modal('show').on('shown.bs.modal', function () {
$("#view-iframe").attr("src", href);
$('#view-iframe').height(parseInt($(window).height() * 0.7));
});
return false;
}
==============================
Progress Bar 20%
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
---|---|---|---|---|
2,281 |
![]() |
2017.07.28 | 3,692 | |
2,280 |
![]() |
2017.07.25 | 1,392 | |
2,279 |
![]() |
2017.07.24 | 2,679 | |
2,278 |
![]() |
2017.07.21 | 1,899 | |
2,277 |
![]() |
2017.07.18 | 1,489 | |
2,276 |
![]() |
2017.07.16 | 1,246 | |
2,275 |
![]() |
2017.07.09 | 2,287 | |
2,274 |
![]() |
2017.07.07 | 1,004 | |
2,273 |
![]() |
2017.07.06 | 1,102 | |
2,272 |
![]() |
2017.07.05 | 1,198 | |
2,271 |
![]() |
2017.07.05 | 1,840 | |
2,270 |
![]() |
2017.07.04 | 1,782 | |
2,269 |
![]() |
2017.07.01 | 1,636 | |
2,268 |
![]() |
2017.06.29 | 1,922 | |
2,267 |
![]() |
2017.06.29 | 2,050 | |
2,266 |
![]() |
2017.06.28 | 1,722 | |
2,265 |
![]() |
2017.06.26 | 1,326 | |
2,264 |
![]() ![]() |
2017.06.23 | 1,359 | |
2,263 |
![]() |
2017.06.22 | 1,081 | |
2,262 |
![]() |
2017.06.22 | 1,424 |
댓글목록
shadow님의 댓글
css를 이용하는 방법을 택하시면 될 듯 합니다.
축하합니다. 첫댓글 포인트 99포인트를 획득하였습니다.
야관문광규님의 댓글
답변 감사합니다.
위의 내용으로 적용 했습니다.
추가로 해당 테마에 버그인 것 같은데 현재 무한 스크롤 사용시 팝업을 띄웠을 시 스크롤이 두개가 생성 됩니다.
style.css 파일에서 위의 내용을 추가하고
.modal-open .modal {overflow-x:hidden;overflow-y:auto} -> .modal-open .modal {overflow-x:hidden;overflow-y:none}
해당 내용을 변경 해야지 정상적으로 동작합니다.
해당 내용적용 후 브라우져에서 변경이 되지 않을 시 초기화 해야지 제대로 동작되는 지 확인이 됩니다.
css이 파일 캐쉬가 되어 있어서 바로 변경이 되지 않습니다.
shadow님의 댓글
위 방법 외에 스크립트를 활용하는 방법도 있습니다.
그런데 위에 css와 마찬가지로 적용을 해보면 backgroud body가 스크롤 적용은 안되지만 모달창을 띄우게 되면 backgroud body가 최상단으로 자동 이동되고 backgroud body가 전체화면으로 전환되더군요.
이건 좀 연구가 필요할 듯 합니다.
cygz님의 댓글
감사합니다