Interactivity 互动性
scroll 滚动条
- 平滑滚动
scroll-behavior: smooth;
- 滚动填充
滚动填充属性定义了滚动端口最佳查看区域的偏移量; 这允许作者排除滚动端口中被其他内容(如固定位置的工具栏或侧栏)遮挡的区域, 这允许作者排除滚动端口中被其他内容(如固定位置的工具栏或侧栏)遮挡的区域,
scroll-padding-top: 60px;
3.滚动外边距
属性定义了滚动吸附区域的上外边距,此区域用于将此盒吸附至滚动口
scroll-margin-top: 60px;
常用与解决锚点定位偏差,被头部导航( fixed
或 sticky
定位)遮挡
- 给锚点元素添加 CSS 属性
scroll-margin-top: 高度
;