CSS怎么隐藏滚动条

这篇文章主要介绍了CSS怎么隐藏滚动条，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

10多年的高淳网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整高淳建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“高淳网站设计”,“高淳网站推广”以来，每个客户项目都认真落实执行。

首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。

想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。

时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。

火狐浏览器

scrollbar-width:none;/*Firefox*/

ie浏览器

-ms-overflow-style:none;/*IE10+*/

Chrome和Safari浏览器

::-webkit-scrollbar{

display:none;/*ChromeSafari*/

}

CSS怎么隐藏滚动条