Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS로 스크롤바를 숨기는 방법은 무엇입니까?


CSS로 스크롤바를 숨기려면 코드는 다음과 같습니다 -

예시

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      height: 150vh;
      width: 200vw;
      overflow: hidden;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   p {
      font-size: 40px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Hide scrollbars Example</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia expedita magnam enim culpa eum veniam obcaecati odit aperiam dolorem, libero nisi magni similique eveniet sequi? Laudantium ipsam dolorum recusandae ab molestiae animi saepe cumque delectus libero quaerat? Assumenda asperiores ea incidunt totam ipsa aperiam! Ex quo cupiditate incidunt vel accusamus!
</p>
</body>
</html>

출력

위의 코드는 다음 출력을 생성합니다 -

CSS로 스크롤바를 숨기는 방법은 무엇입니까?