sticky粘性定位position:sticky;基于用户滚动位置的位置。粘性定位元素的样式表达式会在position:relative和position:fixed之间切换。是否满足阈值条件决定了粘性定位元素的样式行为。在这种情况下，当stiky元素的阈值位置未达到（顶部：20px；）时，它的行为类似于position：relative；当页面滚动到目标区域之外时，它的行为类似于position:fixed;将固定在目标位置。如何使置顶生效：1.必须指定top、right、bottom、left四个阈值之一，置顶才能生效。否则它的行为总是位置：相对的。注意：同时设置top和bottom时，top优先生效；left和right同时设置时，left优先。2.除
外，粘性元素的任何父元素都不能溢出：hidden||汽车||滚动。粘性元素的任何父元素都必须溢出：可见；3.父元素的高度不能低于粘性元素的高度。另外还有一些奇怪的特点：1.通过样式表添加z-index是无效的（.class#id的方式是无效的）。直接在粘性元素上添加内联样式是可行的。2.Sticky不会触发BFC。示例代码：https://github.com/DiracKeeko...Others-兼容性测试https://caniuse.com/?search=s...除了检测浏览器是否支持sticky外，还可以使用如下代码在控制台测试：if(CSS.supports("position","sticky")||CSS.supports("position","-w??ebkit-sticky")){console.log("support");}同步更新给自己的语言奶头https://www.yuque.com/diracke...