[css] 마우스 클릭은 허용하고, body 스크롤은 방해 안하는 방법

position:fixed;

pointer-evnets : none;

를 설정해준다.
단 클릭되게하는 부분은

pointer-evnets:all;

을 설정해주어야한다.

단,

position이 fixed가 아닌 absolute로 설정하면,

pointer-events:all;로 설정했던 부분에서 스크롤이 안되더라..

position:fixed;로 설정해야지 제목대로 작동됨.

 

스크롤은 body에 상속되고, 클릭은 잘 받아먹는 현상