HTML 페이지에서 스크롤 막대 숨기기

질문 : HTML 페이지에서 스크롤 막대 숨기기

---

CSS를 사용하여 스크롤 막대를 숨길 수 있습니까? 어떻게 하시겠습니까?

답변

---

오버플로 설정 overflow: hidden; 다음과 같이 본문 태그에 :

<style type="text/css">
    body {
        overflow: hidden;
    }
</style>

위의 코드는 가로 및 세로 스크롤바를 모두 숨 깁니다.

수직 스크롤바 만 숨기려면 overflow-y .

<style type="text/css">
    body {
        overflow-y: hidden;
    }
</style>

수평 스크롤바 만 숨기려면 overflow-x .

<style type="text/css">
    body {
        overflow-x: hidden;
    }
</style>

참고 : 스크롤 기능도 비활성화됩니다. 스크롤바는 숨기고 스크롤 기능은 숨기고 싶은 경우 아래 답변을 참조하세요.

출처 : https://stackoverflow.com/questions/3296644/hiding-the-scroll-bar-on-an-html-page