本文介绍了CSS中的position:sticky特性，这是一种介于relative和fixed之间的定位方式。当内容滚动超过特定阈值时，元素会固定在屏幕上的某个位置。要启用粘性定位，必须设置top、right、bottom或left之一的值。虽然部分旧版浏览器不支持此属性，但现代浏览器已广泛支持，使得它成为创建响应式布局的有力工具。
position:sticky基于用户的滚动位置来定位。
粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
元素定位表现为在跨越特定值前为相对定位，之后为固定定位。
这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。
但是很多浏览器不支持（ Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix）
效果如下:
604
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
