>  기사  >  웹 프론트엔드  >  HTML에서 스크롤 막대를 숨기거나 스크롤 막대를 제거하는 방법

HTML에서 스크롤 막대를 숨기거나 스크롤 막대를 제거하는 방법

小云云
小云云원래의
2018-01-26 11:23:0110331검색

스크롤바가 존재할 수도 있고 존재하지 않을 수도 있습니다. 이 글에서는 HTML에서 스크롤바를 숨기고 스크롤바를 제거하는 방법에 대한 정보를 주로 소개합니다.

1. HTML 태그에 속성 추가

XML/HTML 코드 내용을 클립보드에 복사

  1. 8d11cadf0675049a21cb93c3bd654118

2. 본문에 다음 코드를 추가합니다

  1. 46d5fe1c7617e3914f214aaf043f4ccf
    html{     
        overflow-x: hidden;     
        overflow-y: hidden;     
    }     
    531ac245ce3e4fe3d50054a55f265927

html 페이지에서 스크롤 막대를 제거하는 방법

이전 CSS 파일이 본문의 스타일을 덮어쓰는 것을 방지하기 위해

CSS를 작성합니다. html에서 직접

  1. <span style="font-size:24px;"><style type="text/css">
    body{     
        overflow-x: hidden;     
        overflow-y: hidden;     
    }     
    </style></span>

이렇게 하면 스크롤 막대가 없습니다

관련 권장 사항:

HTML에서 스크롤 막대를 작동하는 방법에 대해

스크롤 막대가 하단 및 이벤트 예제를 트리거합니다. Share

스크롤 막대 이벤트 함수 예제에 대한 jQuery 응답

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

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