position: sticky的用法详细说明
时间：2023/12/17作者：未知来源：争怎路由网人气：
- 左侧）。
3、输入距所述边缘的距离，当到达时将激活粘性。
例如，假设您希望标题在距离滚动区域顶部20px时变为粘性：
.header{ position: -webkit-sticky; position: sticky; top: 20px; }或者像上面的例子一样滚动到视图之外的左边缘菜单：
.menu{ width: 200px; position: -webkit-sticky; position: sticky; left: -200px; }position: sticky的注意事项
同级元素
如果将同级（相邻）元素设置为position: sticky，则它们的行为与嵌套项目中的元素略有不同。粘性兄弟元素不会为新元素移动。相反，它们会重叠到位：
有时候你可能会想要这种行为，但是如果你确实要设置一个背景颜色，否则用户会看到所有的项目一下子被打包到同一个小空间里，看起来就像一团糟。
在另一方面，如果你把粘性元素嵌套到父元素中，就像我们在SsiDelLoad例子中所做的那样，然后一旦另一个粘性元素开始接触它，粘性元素将开始移动，这是一个很好的做法，效果有点像IMO：
Overflow（溢出）
不要使用overflow: auto
关键词：position: sticky的用法详细说明