CSS页面去除滚动条详细步骤
<h3>步骤一：给元素设置高度 + overflow: auto;</h3><p>如果只是去除垂直方向上的滚动条，可以设置 overflow-y</p>
<p>PS：水平方向溢出设置：overflow-x ；<br />水平和处置方向溢出设置一致时，可以设置：overflow</p>
<p>代码示例：</p>
<p>一个类名为 ‘scroll-box’ 设置了一定高度，它里面的内容如果超出了设定的高度，就会出现滚动条，上下翻滚可以查看完整的内容：</p>
<div class="jb51code"><pre class="brush:css;">.scroll-box {
height: 200px;
overflow-y: auto;
}</pre></div>
<h3>步骤二：隐藏滚动条</h3>
<p>有时候只需要上下翻滚查看，不想要滚动条，去除该元素滚动条的方法：</p>
<div class="jb51code"><pre class="brush:css;">.scroll-box::-webkit-scrollbar {
display: none;
}</pre></div>
<p>图片示例：</p>
<p>出去滚动条前：</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023072515005116.png" /></p>
<p>去除滚动条后：</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023072515005117.png" /></p>
頁:
[1]