본문 바로가기 메뉴 바로가기

머리가 나뻐서 삽질 SAP(Study And Programming)

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

머리가 나뻐서 삽질 SAP(Study And Programming)

검색하기 폼
  • 전체보기 (828)
    • Machine Learning (1)
      • Teachable Machine (1)
    • Microbit (3)
      • 마이크로비트 (1)
      • Maqueen 로봇 (2)
    • ■ 백엔드 ■ (116)
      • NodeJS (18)
      • Modern PHP (2)
      • PHP (70)
      • Laravel (4)
      • Slim (9)
      • Phalcon (4)
      • ASP (9)
    • ■ 프론트엔드 ■ (249)
      • Svelte (0)
      • React (20)
      • Webpack (0)
      • JavaScript (61)
      • Parcel (9)
      • Grunt (1)
      • Vue (1)
      • SASS, SCSS (1)
      • HTML (32)
      • CSS (26)
      • Bootstrap (4)
      • Amchart (2)
      • AJAX (16)
      • SVG (8)
      • jQuery (52)
      • Markdown (2)
      • XML (3)
      • 브라우저 (10)
    • ■ Database ■ (17)
      • MySQL (14)
      • InfluxDB (1)
      • Redis (0)
      • GraphQL (0)
      • Sequelize ORM (0)
      • Eloquent ORM (2)
    • ■ 개발 서버 ■ (76)
      • Windows Server 2012 (16)
      • Linux RedHat Enterprise (47)
      • Linux Ubuntu (1)
      • APM Server ( Windows ) (6)
      • XAMPP ( Windows ) (6)
    • ■ 개발도구 ■ (71)
      • Visual Studio Code (14)
      • WebStorm (3)
      • 에디트플러스 (24)
      • 노트패드++ (3)
      • ATOM (4)
      • Komodo Edit & IDE (12)
      • 플래시빌더 (6)
      • ETC (5)
    • ■ 개발이력관리 ■ (21)
      • Git (21)
    • ■ 데브옵스 ■ (16)
      • AWS (1)
      • Tyk (7)
      • OpenShift (7)
      • NCP (1)
    • ■ 개발관련 ■ (143)
      • PayPal (5)
      • 산수와 알고리즘 (58)
      • Design Pattern (3)
      • IT 기술정보 (13)
      • IT Books Review (10)
      • IT 용어 (24)
      • OS (Windows, MacOS) (30)
    • ■ 플래시 ■ (91)
      • Adobe Flash CS6 (31)
      • Adobe AIR (5)
      • Adobe ActionScript3.0 (55)
    • ■ 개인 ■ (23)
      • 스타크래프트 맵 (2)
      • 주인장 다이어리 (11)
      • 주인장 운동 다이어리 (5)
      • 주인장 업무관련 (5)
  • 방명록

Bootstrap modals overlapping scroll focus problem (1)
공지사항
  • 작성중인 블로그 글 목록
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
Bootstrap modals overlapping scroll focus problem

Bootstrap modals overlapping scroll focus problem 스크롤을 해야할 정도의 긴 모달창이 아래와 같이 2개 있다고 가정하고, 모달1과 모달2를 순서대로 띄웠을때 모달2 는 정상적으로 스크롤링 되지만 모달2를 닫고, 모달1을 스크롤하려고 하면..! 아래와 같이 body로 포커스가 이동되어 더이상 모달1을 스크롤하지 못하는 문제 원인과 해결) modal 을 활성화 하고 닫으면 닫으면 body에 modal-open 클래스추가되고 삭제된다. modal2 를 닫을때 body에 modal-open 이 없을경우 body에 modal-open 클래스를 추가해주면 다시 스크롤의 포커스가 모달1로 인식한다 code) 12345$("#modal_2").on('hidden.bs.modal'..

■ 프론트엔드 ■/Bootstrap 2018. 12. 10. 18:18
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바