HTML에서 스크롤 막대를 취소하는 방법-프런트엔드 Q&A-php.cn

HTML에서 스크롤 막대를 취소하는 방법

藏色散人

풀어 주다： 2023-01-03 09:31:38

원래의

12785명이 탐색했습니다.

html에서 스크롤 막대를 취소하는 방법: 1. "overflow-x:hidden"을 통해 가로 스크롤 막대를 제거합니다. 2. "overflow-y:hidden"을 통해 세로 스크롤 막대를 제거합니다. : 숨겨진" 스크롤바.

HTML에서 스크롤 막대를 취소하는 방법

이 글의 운영 환경: windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

html에서 브라우저 오른쪽 스크롤 바를 제거하는 방법

<body style="overflow-x: hidden">                            表示去掉水平滚动条。
<body style="overflow-y: hidden">                     表示去掉竖直滚动条。
<body style="overflow-x:hidden;overflow-y:scroll">           表示隐藏横向滚动条，显示纵向滚动条。
<body style="overflow:hidden">或者是<body scroll="no"> 表示全部隐藏

로그인 후 복사

프레임 페이지인 경우 , 위의 방법을 사용하여 여전히 제거할 수 없는 경우 다음 방법을 고려할 수 있습니다.

<style>html { overflow-x:hidden; }</style>      如果想隐藏水平滚动条。
<style>html { overflow-y:hidden; }</style> 如果想隐藏垂直滚动条。
body{style="overflow-y : auto;height"}     body浏览器自带的默认值。

로그인 후 복사

스크롤 막대의 속성 코드에 대해 먼저 이야기해 보겠습니다.

overflow-y : visible | auto | hidden | scroll

로그인 후 복사

visible: 내용을 자르거나 스크롤을 추가하지 마세요. 술집.

auto: 콘텐츠를 자르고 필요할 때 스크롤바를 추가합니다.

hidden: 개체의 높이를 초과하는 콘텐츠를 표시하지 않습니다. 이 속성은 여기에 소개되지 않습니다. 마음에 들면 직접 시도해 볼 수 있습니다.

scroll: 항상 수직 스크롤바를 표시합니다.

스크롤바의 미화에 대해 이야기해보자:

SCROLLBAR-FACE-COLOR:           这是颜色代码,也可以自定义颜色。
SCROLLBAR-HIGHLIGHT-COLOR:  这是颜色代码,也可以自定义颜色。
SCROLLBAR-SHADOW-COLOR:     这是颜色代码,也可以自定义颜色。
SCROLLBAR-3DLIGHT-COLOR:    这是颜色代码,也可以自定义颜色。
SCROLLBAR-ARROW-COLOR:      这是颜色代码,也可以自定义颜色。
SCROLLBAR-TRACK-COLOR:      这是颜色代码,也可以自定义颜色。
SCROLLBAR-DARKSHADOW-COLOR: 这是颜色代码,也可以自定义颜色。
scrollbar-base-color：其实就是上面7个属性的总合，前面的7个属性都可以不用设置了，滚动条会自动帮你设定

로그인 후 복사

. 하지만 이 설정은 사용자가 설정한 스크롤바 기본 색상의 색상에 따라 자동으로 설정됩니다.

참고: scrollbar-base-color가 설정된 경우 다른 7가지 속성을 설정하지 마세요. 그렇지 않으면 일부 충돌이 발생할 수 있습니다. 작동하지 않는 효과

학습 권장: "

HTML 비디오 튜토리얼

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