[分享]css去下滚动条代码

CSS去下滚动条是一种美化浏览器滚动条的技术，让网页看起来更美观。常见的滚动条样式包括自定义颜色、宽度、形态等等。下面介绍如何去掉浏览器默认的滚动条。/ 隐藏滚动条 / ::webkitscrollb...

CSS去下滚动条是一种美化浏览器滚动条的技术，让网页看起来更美观。常见的滚动条样式包括自定义颜色、宽度、形态等等。下面介绍如何去掉浏览器默认的滚动条。

/* 隐藏滚动条 */
::-webkit-scrollbar {
  display: none;
} 

以上代码即可实现在Chrome、Safari浏览器中去除滚动条，但在Firefox浏览器中需要添加更多的代码。

/* Firefox浏览器兼容 */
* {
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
} 

上述代码要加在CSS文件中的最开始处，这么做是因为它重置了全局的样式。如果只想去除部分内容的滚动条，可以添加额外的代码。

/* 去除div内容的滚动条 */
div {
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox浏览器兼容 */
}
div::-webkit-scrollbar {
  display: none;
} 

以上代码仅去除div标签下的滚动条。如果想要滚动条美化更加酷炫，可以在网上找一些滚动条样式代码，复制到自己的CSS文件中即可。