css:去除滚动条样式(隐藏滚动条) | 您所在的位置:网站首页 › 网页下面出现滚动条怎么取消 › css:去除滚动条样式(隐藏滚动条) |
1.隐藏
/*放在overflow:auto;同级*/ scrollbar-width: none; /* Firefox */ -ms-overflow-style:none; /* IE10+ */ &::-webkit-scrollbar{ display:none; /* ChromeSafari */ } 2.去除滚动条.autoScroll{ /deep/ ::-webkit-scrollbar { display: none; } } 3.调整/*里面的代码可以根据自己需求去进行更改*/ /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:4px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); border-radius:10px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(0,0,0,0.1); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background:rgba(255,255,255,0.4); } |
CopyRight 2018-2019 实验室设备网 版权所有 |