[웹3]240322-9일차(팝업/hasclass)

- 팝업창이 한번에 닫히네. 하나씩 닫히게 하고싶어.

ㄴ 팝업을 분리해준다

- 버튼을 각각 처리할 수 있도록 분리해줘야겠는데?

ㄴ html에서 button을 찾아 똑같이 팝업 갯수만큼 분리해준다

- 코드가 겹치네?

ㄴ 다시 js로 돌아와서 겹치는 코드를 매개변수를 이용해 줄여준다

- 겹치는 코드 정리해주고 확인

- 팝업창이 하나씩 잘 닫힌다

- 하지만 첫번째 팝업이 닫히고나면 스크롤이 생긴다.

[팝업 떠있을땐 모든 스크롤 없애기]

- overflow를 분리해준다

- css에서도 overflow를 1,2,3으로 분리해준다

hasclass

...

codepen.io

- 퍼즐처럼 끼워맞추기

yeana