这篇文章主要介绍了CSS页面去除滚动条详细步骤,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
步骤一:给元素设置高度 + 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 去除滚动条内容请搜索0133技术站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持0133技术站!
以上就是CSS页面去除滚动条详细步骤的详细内容,更多请关注0133技术站其它相关文章!