我从未使用过这个职位：粘性;并在MDN发现了这一点,但无法理解我应该何时使用此位置.任何人都能看到这个位置吗？
最佳答案
如acticle中所述：
position: sticky is a new way to position elements and is conceptually
similar to position: fixed. The difference is that an element with
position: sticky behaves like position: relative within its parent,
until a given offset threshold is met in the viewport.
它与position：fixed基本相同,但是sticky元素不能超出parent元素.使用top的偏移位置,您可以设置粘性元素应与页面一起滚动的属性.因此,例如当顶部设置为10px时,当顶部距离窗口屏幕10px时,它将与页面一起滚动：
.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
top: 10px;
}
它还没有实现.但是,您可以测试此实验属性.
在chrome中,您可以通过以下链接启用enable-experimental-web-platform-features标志：
约：//标志/#使实验性的Web平台的功能
您可以使用Jquery插件来模仿此行为：stickyfill
