[css] 모달창 오픈시 css로 스크롤 방지

스크롤 방지 css

 

 모달창(팝업) 오픈시

css를 통한

스크롤 방지입니다.

 

css를 이용한 scroll을 방지

• 모달창이 오픈되었을때, 감싸고 있는 부모요소에 아래의 스타일을 적용하면 됩니다.
• 모달창 open이 true시 적용하고,  false시 없애주어 scroll 기능을 되살려줍니다.

.wrapper = {
  position: fixed;
  width :100%;
  height: 100%;
  overflow: hidden;
}