"를 설정합니다. 3. 오버플로 속성을 통해 스크롤 막대를 숨깁니다."/> "를 설정합니다. 3. 오버플로 속성을 통해 스크롤 막대를 숨깁니다.">

 >  기사  >  웹 프론트엔드  >  CSS에서 스크롤 막대를 비활성화하는 방법

CSS에서 스크롤 막대를 비활성화하는 방법

藏色散人
藏色散人원래의
2021-04-02 11:29:046137검색

CSS에서 스크롤 막대를 비활성화하는 방법: 1. 스크롤 막대를 숨기려면 에 "scroll="no""를 추가하세요. 2. 필요하지 않을 때 스크롤 막대를 숨기려면 "<boby scroll="auto">"를 설정하세요. 속성 스트립.

CSS에서 스크롤 막대를 비활성화하는 방법

이 문서의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

CSS 스크롤 막대 비활성화

CSS 스크롤 막대 비활성화, 다음과 같은 4가지 방법이 있습니다.

1. 스크롤 막대를 숨기려면

scroll="no"를 추가하여 스크롤 막대를 숨깁니다.

<boby scroll="no">

2. 필요하지 않을 때 숨기기

는 브라우저 창의 너비나 높이가 너비보다 클 때를 의미합니다. 또는 페이지 높이가 표시되지 않습니다.

그렇지 않으면 표시됩니다.

<boby scroll="auto">

3. 스타일 시트 방법(사용하기 더 쉽습니다)

style="overflow-x:hidden" 추가 가로 스크롤 막대를 숨기려면 d9f058346999e1080c17c8a8369de063에서

세로 스크롤 막대를 숨기려면 style="overflow-y:hidden"을 추가하세요.

포함된 페이지에

<style>
html { overflow-x:hidden; }
</style>

를 추가하세요. 4. 또 다른 방법

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

추천 학습: "

css 비디오 튜토리얼"

위 내용은 CSS에서 스크롤 막대를 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.