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

페이지 정보

yadolee 루루아빠 2,594 2018.05.16 22:31:33

평점

  • 평점 : 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();});
});
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,332,923
레벨 100
경험치 1,488,670

Progress Bar 12.24%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7621026 페이지

제목 글쓴이 날짜 조회 추천
CSS  🏆 특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때 shadow2fox 2018.08.15 2,302 0
jQuery  🏆 모바일 및 태블릿에서 스크롤이 아닌 경우에만 터치 제어하기 shadow2fox 2018.08.13 2,357 0
그누•영카트  🏆 게시글 제목이나 본문에 적용되는 단어 필터링 관리자는 제외하기 shadow2fox 2018.07.30 2,183 0
이윰  🏆 유튜브 재생목록(플레이리스트)이 적용되지 않는다면 shadow2fox 2018.07.29 2,356 0
이윰  🏆 최신 브라우저에서 푸시 사운드 문제 해결하기 shadow2fox 2018.07.20 2,194 0
이윰  🏆 이윰빌더 최신글 본문 추출시 엔터, 띄어쓰기 태그를 스페이스(한 칸 띄우기)로 바꾸기 shadow2fox 2018.07.12 2,171 0
jQuery  🏆 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기 shadow2fox 2018.07.11 2,316 0
이윰  댓글+2🏆 작성글 날림 방지하기 shadow2fox 2018.07.04 2,378 0
그누•영카트  🏆 영카트 5.3.1.5 패치 shadow2fox 2018.07.04 2,479 0
그누•영카트  🏆 그누보드 5.3.1.5 패치 shadow2fox 2018.07.04 2,168 0
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index: alarm 해결하기 shadow2fox 2018.07.01 2,438 0
이윰  🏆 내글반응 내용 추출 쌍 따옴표가 &#034;로 표시되는 문제 해결하기 shadow2fox 2018.06.18 2,382 0
그누•영카트  🏆 게시판 관리자는 글쓰기, HTML, DHTML 제한 적용받지 않기 shadow2fox 2018.06.09 2,227 0
그누•영카트  댓글+1🏆 특정 레벨회원까지 캡차 적용하기 shadow2fox 2018.06.09 2,136 0
그누•영카트  🏆 특정 게시판에선 인기검색어 수집하지 않기 루루아빠 2018.06.08 2,163 0
그누•영카트  🏆 영카트 5.3.1.4 패치 루루아빠 2018.06.06 3,045 0
그누•영카트  🏆 그누보드 5.3.1.4 패치 루루아빠 2018.06.06 2,359 0
Bootstrap  🏆 모달창 내부에서 모달창 부모 닫기 루루아빠 2018.06.02 2,457 0
그누•영카트  🏆 영카트 5.3.1.3 패치 루루아빠 2018.05.29 2,842 0
그누•영카트  🏆 그누보드 5.3.1.3 패치 루루아빠 2018.05.29 2,676 0
jQuery  🏆 타겟 링크가 내 주소인지 외부 주소인지 확인하기 루루아빠 2018.05.22 2,287 0
Bootstrap  🏆 🚩 모달창 오픈시 백그라운드(메인 화면) 스크롤 금지 최종 버전 루루아빠 2018.05.16 2,595 0
이윰  🏆 Eyoom Builder 3.0.2 패치 루루아빠 2018.05.14 2,233 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2,561 0
이윰  🏆 전체검색 리스트 페이지에서 동영상 썸네일 이미지도 사용하기 루루아빠 2018.05.04 2,645 0
이윰  🏆 이윰빌더 사용하지 않기 루루아빠 2018.04.25 2,601 0
그누•영카트  🏆 영카트 5.3.1.2 보안 패치 루루아빠 2018.04.21 2,650 0
그누•영카트  🏆 그누보드 5.3.1.2 패치 루루아빠 2018.04.21 2,233 0
이윰  🏆 Eyoom Builder 3.0.1 패치 루루아빠 2018.04.16 2,869 0
그누•영카트  🏆 영카트 5.3.1.1 루루아빠 2018.04.06 2,981 0