答案：CSS中sticky定位通过top、left等属性控制偏移，如top:10px使元素滚动时距顶部10px，left:0实现横向滚动固定首列，需确保父容器可滚动且避免transform等属性干扰。
在 CSS 中，sticky 定位元素的偏移是通过 top、right、bottom 或 left 属性来控制的。这些属性决定了元素在“粘性”状态下的位置。
使用 top 控制垂直偏移
最常见的用法是设置 top 值，让元素滚动到视口顶部时，距离顶部保留一定距离。
例如：.sticky-element {
position: sticky;
top: 10px;
}
当该元素即将滚出视口时，它会“粘”在距离视口顶部 10px 的位置，直到其父容器不再包含它为止。
使用 left 或 right 控制水平偏移
对于水平方向的粘性定位（比如横向滚动），可以使用 left 或 right。
立即学习“前端免费学习笔记（深入）”；
例如，实现横向滚动时固定第一列：.sticky-column {
position: sticky;
left: 0;
}
该列会在水平滚动时始终贴在容器左侧。
注意点与常见问题
- sticky 生效的前提是元素必须在文档流中，并且其父容器有足够的滚动空间。
- 如果父元素没有设定明确的高度或可滚动内容，sticky 可能不会触发。
- 多个偏移属性同时设置时，只有符合条件的那个起作用（如：top 和 bottom 同时设置，通常 top 优先）。
- 确保没有其他布局属性（如 flex 或 transform）意外影响 sticky 表现。
