브라우져상에 웹페이지가 길어지면 우측으로 스크롤바가 자동으로 생성이됩니다.
타 브라우져는 테스트를 해보지 않아서... 확인이 필요하구요
대표적인 크롬과 익스플로어에선 CSS만으로 간단하게
우측에 보이는 스크롤을 제거 할수 있습니다.
뭐든... 알면 쉬우나 모르면 한참 뒤적거리게 되니 참고하세요~
body{-ms-overflow-style:none; } body::-webkit-scrollbar { display:none; }
이렇게만 body에 CSS를 주게 되면 우측에 스크롤바가 사라집니다.
물론 상하로 스크롤이 되면서 말입니다.
디자인상 스크롤을 없애게 되는경우 유용하게 사용하세요~
'웹관련 > HTML-CSS' 카테고리의 다른 글
[CSS] img 태그 onerror 관련 (0) | 2018.12.12 |
---|---|
[HTML5] audio태그를 사용방법 (0) | 2018.10.22 |
[HTML5] VIDIO 태그 사용방법 (0) | 2017.10.31 |
[CSS] 아이폰에서만 숫자부분이 파란색으로 보일때.. (2) | 2017.08.22 |
[CSS] animation 애니메이션을 구간별로 보여지도록 해보자 (0) | 2017.08.03 |
댓글