写过挺多项目都需要改变滚动条的默认样式 并不想单独下载和引入插件 因此纯css修改默认滚动条的样式 这次算统一整理下方式,直接上代码。
&::-webkit-scrollbar { // 滚动条的靠山 width: 16px; background: #191a37; height: 14px; } &::-webkit-scrollbar-track, &::-webkit-scrollbar-thumb { border-radius: 999px; width: 20px; border: 5px solid transparent; } &::-webkit-scrollbar-track { box-shadow: 1px 1px 5px #191a37 inset; } &::-webkit-scrollbar-thumb { //滚动条的滑块样式修改 width: 20px; min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px #464f70 inset; } &::-webkit-scrollbar-corner { background: #191a37; }
下边这个很精简。值得一试
&::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; } &::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; } &:hover::-webkit-scrollbar-thumb { background: hsla(0, 0%, 53%, 0.4); } &:hover::-webkit-scrollbar-track { background: hsla(0, 0%, 53%, 0.1); }
这个的优点在于 鼠标移上才会显示修改的滚动条 体验很好
隐藏某轴的滚动条代码写法:
overflow-x:hidden;
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
现在驾照分大概多少钱一分?驾照帮别人消分有什么影响,到今年年底,你从驾驶执照上扣了多少分?当然,驾驶执照在年末不计入,而是获得驾驶执照的计分周期。我们都知道每个得分周期只有12分。现在交通管理过于严格...
本文导读目录: 1、高级黑客规定是什么 2、为什么高级黑客攻入银行系统,却只黑了一分钱? 3、如何做一个高级黑客 4、曾经大名鼎鼎的黑客现在都在做什么? 5、黑客分为哪几个等级 6...
本文导读目录: 1、黑客常用黑客工具的工具有哪些啊? 2、黑客工具包到哪里可以下载? 3、黑客要知道些什么基本知识? 4、《黑客揭秘编程入门黑客X档案》这书怎样? 5、黑客最基本工具...
一锅热腾腾的暖锅,足够发动空气,所以暖锅成为浩瀚人的现代饮食选择。无论是家庭会餐照旧贸易团建,一锅鲜香麻辣的暖锅足够让所有人都乐在个中。于是各式百般的特色暖锅连锁店涌现市场,在全国范畴内各处着花,甚至...
本文导读目录: 1、黑客与画家txt全集下载 2、什么叫黑客!这属于一个好黑客还是属于一个坏黑客! 3、黑客传说txt全集下载 4、骇客txt全集下载 5、求黑客(青幕山)小说下载链接...
「id机_在哪里能找黑客-想找网络黑客怎么找」白名单中随意挑个地址加在后边,可成功bypass,由于咱们现已清晰112ms是一次跳频序列的循环,那么从冗余数据中咱们能够推论:...