标签搜索

目 录CONTENT

文章目录

CSS页面去除滚动条详细步骤

沙漠渔溏 / 2024-01-28 19:13:42 / 共计1,083 字
温馨提示:
本文最后更新于 2024-01-28,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

步骤一:给元素设置高度 + overflow: auto;

如果只是去除垂直方向上的滚动条,可以设置 overflow-y

PS:水平方向溢出设置:overflow-x ;
水平和处置方向溢出设置一致时,可以设置:overflow

代码示例:

一个类名为 ‘scroll-box’ 设置了一定高度,它里面的内容如果超出了设定的高度,就会出现滚动条,上下翻滚可以查看完整的内容:

.scroll-box {
	height: 200px;
	overflow-y: auto;
}

步骤二:隐藏滚动条

有时候只需要上下翻滚查看,不想要滚动条,去除该元素滚动条的方法:

.scroll-box::-webkit-scrollbar {
    display: none;
  }

图片示例:

出去滚动条前:

去除滚动条后:

到此这篇关于CSS页面去除滚动条方法的文章就介绍到这了,更多相关css 去除滚动条内容请搜索 『沙漠渔溏』 以前的文章或继续浏览下面的相关文章,希望大家以后多多支持 『沙漠渔溏』 !