显示隐藏滚动条body,html{
overflow-y: scroll; //纵向显示滚动条
overflow-x: hidden; //横向隐藏滚动条
}
设置属性/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:rgba(255,255,255,1);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
}
滚动条理解1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
2.::-webkit-scrollbar-button 滚动条两端的按钮
3. ::-webkit-scrollbar-track 外层轨道
4. ::-webkit-scrollbar-trac...