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文件中即可。