css 隐藏滚动条

如何使用css隐藏滚动条

如何隐藏滚动条，同时仍然能够在任何元素上滚动？

首先，若是须要隐藏滚动条并在内容溢出时显示滚动条，只须要设置overflow：auto样式便可。想要彻底隐藏滚动条只需设置overflow：hidden便可，可是这样一来将致使元素内容不可滚动。时至今日，尚未任何一条CSS规则能够使元素能够隐藏滚动条的同时依然能够滚动内容，只能经过针对特定浏览器设置滚动条样式来实现。

 

火狐浏览器

scrollbar-width: none; /* Firefox */

ie浏览器

-ms-overflow-style: none; /* IE 10+ */

Chrome和Safari浏览器

 

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

 

 

详情请看 https://www.cnblogs.com/jofun/p/11158145.html

2020-02-07     15:23:09