CSS – 隐藏浏览器自带滚动条(Chrome | Safari | Firefox | IE | Edge)

8次阅读
没有评论

前言

无论横纵滚动条全部隐藏。

有时候,我们需要隐藏浏览器的默认滚动条,无论内容是否超出都不显示。
CSS - 隐藏浏览器自带滚动条(Chrome | Safari | Firefox | IE | Edge)

一、Chrome | Safari

谷歌与苹果自带浏览器,隐藏办法如下代码。

*::-webkit-scrollbar{display: none;}

二、Firefox

火狐浏览器,隐藏办法如下代码。

*{scrollbar-width: none;}

三、IE | Edge

IE 与微软浏览器,隐藏办法如下代码。

*{-ms-overflow-style: none;}
正文完
 0