popup2 popup 본문만 스크롤 되게 하고 부모는 스크롤 막기(모바일) popup 작업 시 overflow:hidden 과 overflow:auto 로 연명해 온 지난 날, 그동안 모바일 팝업 본문에서 스크롤 쓸 일이 없었는지 위 코드가 모바일에서 적용이 안되는걸 인지한지 얼마 되지 않았다. 나는 왜 항상 다른 블로거 분들이 해결한 방법이 한번에 먹히지 않는걸까...ㅠ 여러가지를 조합해 본 끝에 내 코드에 먹히는 방법을 찾아냄..ㅠ html, body, #wrapper { height: 100%; overflow: auto; } html{ overflow:hidden !important } .popWrap{ position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.5); width: 100vw; height: 100v.. 2022. 1. 28. class를 활용해 popup 여러개 컨트롤하기 코드를 짜다보면 팝업을 한 페이지 안에서 여러개를 운용해야 하는 경우가 생긴다. 팝업 버튼과 팝업창을 공통 클래스와 팝업별 클래스 2개를 사용해 각각의 버튼과 팝업을 짝지어보자. hellow 팝업을 여는 button bye 팝업을 여는 button $(function(){ var btnClass=""; var popClass=""; $('.popBtn').on('click', function(){ btnClass = $(this).attr('class'); popClass = btnClass.split(/\s+/); $('.popWrap.'+popClass[1]).show(); $('.html, body').css('overflow', 'hidden'); }) $('.popX').on('click', f.. 2022. 1. 27. 이전 1 다음