本文主要是介绍滚动条默认是隐藏的只有鼠标移上去才会显示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
效果
在设置滚动条的类名中写
/* 滚动条样式 */.content-box::-webkit-scrollbar {width: 0px; /* 设置纵轴(y轴)轴滚动条 */height: 0px; /* 设置横轴(x轴)轴滚动条 */}/* 滚动条滑块(里面小方块) */.content-box::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}/* 滚动条轨道 */.content-box::-webkit-scrollbar-track {border-radius: 0;box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.1);}/* hover时显色 */.content-box:hover::-webkit-scrollbar {width: 4px;height: 4px;}
这篇关于滚动条默认是隐藏的只有鼠标移上去才会显示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!