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

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

小云云
풀어 주다: 2018-01-26 11:23:01
원래의
10374명이 탐색했습니다.

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

1. HTML 태그에 속성 추가

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

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

  1. <style type="text/css">
    html{     
        overflow-x: hidden;     
        overflow-y: hidden;     
    }     
    </style>
    로그인 후 복사

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿