位置: IT常识 - 正文
浏览器隐藏滚动条（不影响内容滚动）(ie浏览器网页滚动条怎么隐藏)
编辑：rootadmin浏览器隐藏滚动条（不影响内容滚动） 系列文章目录文章目录系列文章目录一、背景和效果图如下：1.背景2.设置属性前效果图：2.设置后效果图：二、直接通过CSS修改样式，保存滑动功能1.全局设置滚动条如下（所有的都被隐藏）Css代码如下效果图如下2.给某一个元素设置如下Css代码如下效果图如下三、这里还有一种方法1、通过padding将scroll移出视图（感兴趣可以自己去查一下，个人感觉没必要了解）总结一、背景和效果图如下：1.背景
本文链接地址:https://www.jiuchutong.com/zhishi/298574.html
转载请保留说明！
推荐整理分享浏览器隐藏滚动条（不影响内容滚动）(ie浏览器网页滚动条怎么隐藏)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:网页隐藏滚动条,浏览器全屏右边滚动条不能隐藏,浏览器滚动条怎么调出来,ie浏览器网页滚动条怎么隐藏,浏览器全屏右边滚动条不能隐藏,浏览器隐藏滚动条,ie浏览器网页滚动条怎么隐藏,浏览器隐藏滚动页面,内容如对您有帮助，希望把文章链接给更多的朋友！
场景：开发过程中遇到，在同一个弹窗中，分两栏可以滚动，如果两个添加了overflow-y:scroll 就会出现超级难看的一个效果如下的效果
！！！！！！所以这里想要去消除滚动条！！！！！！！
2.设置属性前效果图：2.设置后效果图：提示：以下是本篇文章正文内容，下面案例可供参考
二、直接通过CSS修改样式，保存滑动功能1.全局设置滚动条如下（所有的都被隐藏）Css代码如下这里使用的是scroll的伪元素 解决了scroll的样式问题，并且可以消除滚动条的样式
::-webkit-scrollbar { display: none; }效果图如下2.给某一个元素设置如下Css代码如下这里就相当于给类名为box的元素盒子去除scroll的样式
.box::-webkit-scrollbar { display: none; }效果图如下三、这里还有一种方法1、通过padding将scroll移出视图（感兴趣可以自己去查一下，个人感觉没必要了解）总结文章如果有不完整，或者错误的地方，都可以留言指正，虚心向大家请教！！1
希望文章可以帮助大家解决问题，同时也希望大家有问题，可以私信我，有时间都会回复大家的！！！！！！大家一起加油💪💪💪💪
上一篇：element-ui表格自定义动态列(element-ui 表格)
下一篇：人工智能导论(6)——机器学习(Machine Learning)(人工智能导论课后题答案)