[이윰] modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기

페이지 정보

yadolee 루루아빠 6,853 2015.07.16 00:05:15

평점

  • 평점 : 0점 (0명 참여)

본문

1. jQuery를 이용하는 방법

<script type="text/javascript" src="http://jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$('.modal') 
.on('shown', function(){ 
  console.log('show'); 
  $('body').css({overflow: 'hidden'}); 
}) 
.on('hidden', function(){ 
  $('body').css({overflow: ''}); 
}); 
</script>

2. css를 이용하는 방법

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,332,008
레벨 100
경험치 1,486,514

Progress Bar 5.05%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 242913 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 포인트를 걸고 자료 배포시 포인트 수수료율(%) 변경하기 루루아빠 2015.08.23 3,432 0
이윰  🏆 무한스크롤을 사용하는 게시판에서 검색시 나타나는 버그 수정하기 루루아빠 2015.08.17 3,321 0
이윰  🏆 무한스크롤 사용시 한글로된 분류명을 선택했을때 "IE11"에서 문제점 루루아빠 2015.08.13 3,168 0
이윰  🏆 댓글에 이미지가 추가된 댓글을 수정할 경우 이미지가 삭제되는 버그 패치 루루아빠 2015.08.07 3,084 0
이윰  댓글+1🏆 카테고리를 사용하는 게시판에서 무한스크롤 사용시 루루아빠 2015.08.07 3,308 0
이윰  댓글+1🏆 게시판 본문 보기시 제목 글자 수 늘리기 루루아빠 2015.08.06 3,223 0
이윰  🏆 Eyoom Builder 1.1.9 - 그누보드 5.1.0 테마버전 지원 루루아빠 2015.08.05 3,542 0
이윰  🏆 갤러리 및 최신 갤러리에서 새로운 글 이미지 내에 표현하기 루루아빠 2015.08.04 2,999 0
이윰  🏆 modal 창 크기 변경하기 루루아빠 2015.07.30 3,785 0
이윰  댓글+1🏆 style.css를 유지하면서 venobox 플러그인 사용하기 루루아빠 2015.07.30 3,893 0
이윰  🏆 Eyoom Builder 1.1.8 추가 수정사항 루루아빠 2015.07.30 2,860 0
이윰  🏆 new 이미지를 출력하는 시간을 늘리기 루루아빠 2015.07.28 3,357 0
이윰  댓글+1🏆 dropdown menu 펼쳐지는 위치 조정하기 루루아빠 2015.07.24 4,399 0
이윰  🏆 Eyoom Builder 1.1.8 패치 루루아빠 2015.07.24 3,150 0
이윰  🏆 이모티콘을 이윰빌더에 적용하기 위한 규칙 루루아빠 2015.07.23 3,068 0
이윰  댓글+1🏆 이모티콘 크기 바꾸기 루루아빠 2015.07.23 3,159 0
이윰  🏆 🚩 modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기 루루아빠 2015.07.16 6,854 0
이윰  댓글+1🏆 스타일박스 패치, ios 관련 패치 루루아빠 2015.07.09 3,486 0
이윰  🏆 로그인을 메인으로 - 회원제 사이트 - 폐쇄형 사이트용 루루아빠 2015.07.08 3,506 0
이윰  🏆 Eyoom Builder 1.1.7 패치 루루아빠 2015.07.06 3,172 0