• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

질문과 답변

  • Home
  • 이윰빌더
  • 질문과 답변

모바일 사이드 메뉴 후 부모창 스크롤 막기

10,774 2015.07.14 17:22

짧은주소

본문

안녕하세요. 이번에 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;
}

==============================

 

 

 

0
- 야관문광규 메일보내기 아이디로 검색 - 회원등급 : 씨앗/Level 1 - 포인트 : 630
레벨 1
경험치 39

Progress Bar 20%

- 가입일 : 2015-07-14 16:48:38
- 서명 : 차로도 좋도 술이 더 좋아
- 자기소개 :
댓글목록

shadow님의 댓글

css를 이용하는 방법을 택하시면 될 듯 합니다.

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

축하합니다. 첫댓글 포인트 99포인트를 획득하였습니다.

야관문광규님의 댓글

답변 감사합니다.

위의 내용으로 적용 했습니다.
추가로 해당 테마에 버그인 것 같은데 현재 무한 스크롤 사용시 팝업을 띄웠을 시 스크롤이 두개가 생성 됩니다.

style.css 파일에서  위의 내용을 추가하고

.modal-open .modal {overflow-x:hidden;overflow-y:auto} -> .modal-open .modal {overflow-x:hidden;overflow-y:none}

해당 내용을 변경 해야지 정상적으로 동작합니다.

해당 내용적용 후 브라우져에서 변경이 되지 않을 시 초기화 해야지 제대로 동작되는 지 확인이 됩니다.
css이 파일 캐쉬가 되어 있어서 바로 변경이 되지 않습니다.

shadow님의 댓글

위 방법 외에 스크립트를 활용하는 방법도 있습니다.

$('.modal') 
.on('shown', function(){ 
  console.log('show'); 
  $('body').css({overflow: 'hidden'}); 
}) 
.on('hidden', function(){ 
  $('body').css({overflow: ''}); 
}); 

그런데 위에 css와 마찬가지로 적용을 해보면 backgroud body가 스크롤 적용은 안되지만 모달창을 띄우게 되면  backgroud body가 최상단으로 자동 이동되고 backgroud body가 전체화면으로 전환되더군요.
이건 좀 연구가 필요할 듯 합니다.

cygz님의 댓글

감사합니다

Total 2,281건 1 페이지
게시판 이용안내

이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.

질문 시 기본적인 예절을 지켜주세요.
  • 질문 시 바른말을 이용 해 주세요.
  • 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
  • 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
  • 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
  • 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
번호 제목 글쓴이 날짜
2,281 디센더 아이디로 검색 2015.10.16 17,147
2,280 fm25 아이디로 검색 2015.04.23 12,840
열람 야관문광규 아이디로 검색 2015.07.14 10,775
2,278 Blankymu… 아이디로 검색 2017.02.13 8,644
2,277 김군 아이디로 검색 2015.03.14 7,787
2,276 블루면 아이디로 검색 2015.11.10 6,957
2,275 퍼그야 아이디로 검색 2015.08.23 6,603
2,274 허거덩 아이디로 검색 2015.03.20 4,940
2,273 다이옥신 아이디로 검색 2015.03.18 4,728
2,272 shadow 아이디로 검색 2015.03.27 4,577
2,271 알로하 아이디로 검색 2015.03.11 4,412
2,270 파워메카드 아이디로 검색 2016.11.04 4,404
2,269 레아엘 아이디로 검색 2015.07.04 4,402
2,268 guide 아이디로 검색 2015.04.26 4,348
2,267 부끄럼소년 아이디로 검색 2017.02.28 4,301
2,266 우동군 아이디로 검색 2015.06.02 4,122
2,265 홍인 아이디로 검색 2015.04.21 4,032
2,264 비즈팔 아이디로 검색 2015.03.26 3,964
2,263 joosam 아이디로 검색 2015.05.20 3,696
2,262 fm25 아이디로 검색 2015.02.15 3,659
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379