スクロールバーを非表示にする

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>