[CSS]Scroll 없애기

chaewon·2023년 1월 17일
0

HTML, CSS

목록 보기
8/10
post-custom-banner

스크롤 기능은 가능하되 안 보이게 하는 법

  1. 기본방식
.class{-ms-overflow-style: none; -ms-overflow-style: none; scrollbar-width: none;}
.class::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */}
  1. position:fixed로 올렸을 때
.class{position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; -ms-overflow-style: none; -ms-overflow-style: none; scrollbar-width: none;}
.class::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */}
profile
의문은 '삶의 수준'을 결정하고, 질문은 '삶 자체'를 바꾼다.

0개의 댓글