모바일 사이드 메뉴 후 부모창 스크롤 막기
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=aW
본문
안녕하세요. 이번에 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;
}
==============================
댓글목록 4
shadow님의 댓글
- 아이디로 검색
2015.07.14 20:18css를 이용하는 방법을 택하시면 될 듯 합니다.
축하합니다. 첫댓글 포인트 99포인트를 획득하였습니다.
야관문광규님의 댓글
- 아이디로 검색
2015.07.15 16:48답변 감사합니다.
위의 내용으로 적용 했습니다.
추가로 해당 테마에 버그인 것 같은데 현재 무한 스크롤 사용시 팝업을 띄웠을 시 스크롤이 두개가 생성 됩니다.
style.css 파일에서 위의 내용을 추가하고
.modal-open .modal {overflow-x:hidden;overflow-y:auto} -> .modal-open .modal {overflow-x:hidden;overflow-y:none}
해당 내용을 변경 해야지 정상적으로 동작합니다.
해당 내용적용 후 브라우져에서 변경이 되지 않을 시 초기화 해야지 제대로 동작되는 지 확인이 됩니다.
css이 파일 캐쉬가 되어 있어서 바로 변경이 되지 않습니다.
shadow님의 댓글
- 아이디로 검색
2015.07.15 16:51위 방법 외에 스크립트를 활용하는 방법도 있습니다.
그런데 위에 css와 마찬가지로 적용을 해보면 backgroud body가 스크롤 적용은 안되지만 모달창을 띄우게 되면 backgroud body가 최상단으로 자동 이동되고 backgroud body가 전체화면으로 전환되더군요.
이건 좀 연구가 필요할 듯 합니다.
cygz님의 댓글
- 아이디로 검색
2015.12.02 07:21감사합니다