前端 - CSS 如何设置自动滚动定位的“安全”间距?_个人文章 - SegmentFault 思否
欢迎关注我的公众号:前端侦探介绍两个和滚动定位相关的 CSS 属性:scroll-padding和 scroll-margin在平时开发中,经常会碰到需要快速定位的问题,比如常见的锚点定位<l
2021-10-30 13:42:05
257
1 /*IE滚动条颜色设置*/
2 body {
3 scrollbar-arrow-color:#f2f2f3; /*上下箭头*/
4 scrollbar-track-color:#1589ce; /*底层背景色*/
5 scrollbar-face-color:#27aeff; /*滚动条前景色*/
6 scrollbar-Shadow-color:#1589ce; /*滚动条边线色*/
7 }
8 /*chrome滚动条颜色设置*/
9 body::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
10 body::-webkit-scrollbar-track {background-color:#ccc; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);} /*定义滚动条轨道 内阴影+圆角*/
11 body::-webkit-scrollbar-thumb {background-color:#555; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);} /*定义滑块 内阴影+圆角*/
17
2022-11
09
2022-11
09
2022-11
09
2022-11
09
2022-11
19
2022-10