CSS中粘性定位

1.如何设置为粘性定位?

给元素设置posttion:sticky 即可实现粘性定位.

可以使用left, right ,top, bottom 四个属性调整位置,不过最常用的是top 值.

2.粘性定位的参考点在哪里?

离他最近的一个拥有"滚动机制"的祖先元素,即便这个祖先不是最近的真实可滚动祖先.

3.粘性定位元素的特点?

不会脱离文档流,它是一种专门用于窗口滚动时的新的定位方式.

最常用的值是top值;

粘性定位和浮动定位可以同时设置,但不推荐这样做;

粘性定位的元素,也能通过margin调整位置,但不能推荐这样做.

粘性定位和相对定位的特点基本一致,不同的是:粘性定位可以在元素到达某个 位置时将其固定.