js로 notch 찾기

css code

 

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
  }

 

javascript code

 

getComputedStyle(document.documentElement).getPropertyValue("--sat")

 

위 code는 "px" string를 함께 반환합니다.

 

 

parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sat"))

 

parseInt() 내부에 넣어주어야 number로 반환해줍니다.