2021-06-08 (57일차) 스크롤바 끄는 방법, 버튼 클릭시 스크롤바 꺼지게 하기

42강~43강

 

 

 

- 스크롤바 끄고 켜는 방법 (addClass, removeClass 사용)

  overflow : hidden이 들어간 클래스를 만들고, 자바스크립트에서 적용

 

 

↓   응용   ↓

 

 

- 팝업창 버튼을 클릭하면 html의 스크롤바는 나타나지 않게 하기

  평상시 : max-height(calc(100% - 팝업헤드높이);

              overflow-y : auto;

  버튼 클릭시 : overflow-y : hidden; 사용

  (하는이유 : 팝업창이 내용이 많다고 가정하에, 화면의 크기가 줄어들면 스크롤바가 생기는데 html의 스크롤바,

  popup  의 스크롤바가 두 개 생기기 때문에 하나를 없애주는 것이다.)