本文总结了CSS position: sticky的几个关键点：1)生效距离由最近的overflow非visible父元素决定；2)父元素overflow:hidden会阻止其生效；3)至少指定top、bottom、left、right之一；4)父元素高度需大于sticky元素。要实现内容粘贴效果，内容的父容器需为视口。
转载自： https://www.jianshu.com/p/b72f504121f5
作者：这名字真不对
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
总结原因：
1. top、bottom 的生效距离由最近一个overflow属性是hidden scroll auto或 overlay 的 父元素 决定。
2. 父元素为overflow:hidden时，由于容器内无法滚动，所以实际上也无法生效。
3.必须指定top、bottom、left、right4个值之一，否则只会处于相对定位。
4. 父元素的高度不能低于sticky元素的高度
（自我问题总结：想要内容粘在视窗的某个地方上，首先，内容的父容器得是视窗。。。）
扫一扫
6872
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
