CSSはスクロールバーを隠すがスクロールできる
1606 ワード
今日は、仕事中によく遭遇する小さな問題を記録します.ページ要素がオーバーフローしたときにスクロールバーが発生します.このとき、ページスタイルの最適化が必要です.CSSはスクロールバーを隠すことができますが、スクロールできます.
サンプルコード
body::-webkit-scrollbar {
display: none;
}
サンプルコード
<style>
.cont {
width: 200px;
height: 200px;
border: 1px solid #000000;
overflow-x: hidden;
}
.cont::-webkit-scrollbar {
display: none;
}
</style>
<div class="cont">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</code></pre>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"/>
<div class="image-view">
</div>
</div>
<div class="image-caption"/>
</div>
<hr/>
<blockquote>
<p> : :https://www.jianshu.com/u/05f416aefbe1<br/> 90 , , , , 。<br/> , , , qq :649040560。</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>