스크롤 막대 숨기기

Question

수직 스크롤 막대와 수평 스크롤 막대를 숨기려면 (화면에 나타나지 않아야 함) 오버플로가 발생할 때만 표시되도록 할 방법이 있습니까?

Answer 1

CSS에서 오버플로를 시도하십시오. ParantDiv 클래스 오버플로가 발생하면 숨김 모드에서 스크롤 막대가 표시되고 그렇지 않으면 숨김 모드에서 표시됩니다.

.main{ 
 
    width:100%; 
 
    height:100px; 
 
    overflow:auto; 
 
    border:1px solid; 
 
} 
 
.content{ 
 
height:100%; 
 
width:100%; 
 
}

<div class="main"> 
 
<div class="content"> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    <h1>Content Here</h1> 
 
    </div> 
 
</div>