[Bootstrap] 모달창 오픈시 백그라운드(메인 화면) 스크롤 금지 최종 버전

페이지 정보

루루아빠 2,211 2018.05.16 22:31

평점

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

본문

모달창 오픈시 백그라운드(메인 화면) 스크롤 금지 최종 버전
최근 브라우저가 업데이트된 후 기존 방법은 문제가 있어 아래와 같은 방법으로 수정하였다.

최종 스크립트

<script type="text/javascript">
function preventDefault(e) {
  e = e || window.event;
  if (e.preventDefault)
      e.preventDefault();
  e.returnValue = false;
}

function theMouseWheel(e) {
  preventDefault(e);
}

function disable_scroll() {
  if (window.addEventListener) {
      window.addEventListener('DOMMouseScroll', theMouseWheel, false);
  }
  window.onmousewheel = document.onmousewheel = theMouseWheel;
}

function enable_scroll() {
    if (window.removeEventListener) {
        window.removeEventListener('DOMMouseScroll', theMouseWheel, false);
    }
    window.onmousewheel = document.onmousewheel = null;
}

$(function () {
  $(".modal").on('shown.bs.modal', function () {disable_scroll();});
  $(".modal").on('hidden.bs.modal', function () {enable_scroll();});
});
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,294,164
레벨 97
경험치 1,397,066

Progress Bar 1%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7481438 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 최신 브라우저에서 푸시 사운드 문제 해결하기 shadow2fox 2018.07.20 1,969 0
이윰  🏆 이윰빌더 최신글 본문 추출시 엔터, 띄어쓰기 태그를 스페이스(한 칸 띄우기)로 바꾸기 shadow2fox 2018.07.12 1,944 0
jQuery  🏆 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기 shadow2fox 2018.07.11 1,909 0
이윰  댓글+2🏆 작성글 날림 방지하기 shadow2fox 2018.07.04 2,117 0
그누•영카트  🏆 영카트 5.3.1.5 패치 shadow2fox 2018.07.04 2,155 0
그누•영카트  🏆 그누보드 5.3.1.5 패치 shadow2fox 2018.07.04 1,984 0
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index: alarm 해결하기 shadow2fox 2018.07.01 2,112 0
이윰  🏆 내글반응 내용 추출 쌍 따옴표가 &#034;로 표시되는 문제 해결하기 shadow2fox 2018.06.18 2,075 0
그누•영카트  🏆 게시판 관리자는 글쓰기, HTML, DHTML 제한 적용받지 않기 shadow2fox 2018.06.09 1,978 0
그누•영카트  댓글+1🏆 특정 레벨회원까지 캡차 적용하기 shadow2fox 2018.06.09 1,898 0
그누•영카트  🏆 특정 게시판에선 인기검색어 수집하지 않기 루루아빠 2018.06.08 1,877 0
그누•영카트  🏆 영카트 5.3.1.4 패치 루루아빠 2018.06.06 2,666 0
그누•영카트  🏆 그누보드 5.3.1.4 패치 루루아빠 2018.06.06 2,142 0
Bootstrap  🏆 모달창 내부에서 모달창 부모 닫기 루루아빠 2018.06.02 2,079 0
그누•영카트  🏆 영카트 5.3.1.3 패치 루루아빠 2018.05.29 2,482 0
그누•영카트  🏆 그누보드 5.3.1.3 패치 루루아빠 2018.05.29 2,272 0
jQuery  🏆 타겟 링크가 내 주소인지 외부 주소인지 확인하기 루루아빠 2018.05.22 1,966 0
Bootstrap  🏆 🚩 모달창 오픈시 백그라운드(메인 화면) 스크롤 금지 최종 버전 루루아빠 2018.05.16 2,212 0
이윰  🏆 Eyoom Builder 3.0.2 패치 루루아빠 2018.05.14 2,032 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2,278 0