>  기사  >  웹 프론트엔드  >  HTML에서 스크롤 막대를 취소하는 방법

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

藏色散人
藏色散人원래의
2021-03-29 10:48:1612674검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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