步骤一：给元素设置高度 + overflow: auto;
如果只是去除垂直方向上的滚动条，可以设置 overflow-y
PS：水平方向溢出设置：overflow-x ；
水平和处置方向溢出设置一致时，可以设置：overflow
代码示例：
一个类名为 ‘scroll-box’ 设置了一定高度，它里面的内容如果超出了设定的高度，就会出现滚动条，上下翻滚可以查看完整的内容：
.scroll-box {
height: 200px;
overflow-y: auto;
}
步骤二：隐藏滚动条
有时候只需要上下翻滚查看，不想要滚动条，去除该元素滚动条的方法：
.scroll-box::-webkit-scrollbar {
display: none;
}
图片示例：
出去滚动条前：
去除滚动条后：文章来源：https://www.toymoban.com/news/detail-539452.html
文章来源地址https://www.toymoban.com/news/detail-539452.html
到了这里，关于css 页面去除滚动条方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术13（HTML5、CSS3、JavaScript ）横向二级导航菜单 Web页面设计实例——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/797403-1.png)
![[HTML]Web前端开发技术10（HTML5、CSS3、JavaScript ）CSS+DIV页面布局，固定定位，相对定位relative，绝对定位absolute，层定位的应用——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/783047-1.png)
