sticky,粘性定位

position:sticky,粘性定位;可以说是relative和fixed的结合;

滑动过程中,元素在显示窗口内则在其本身的位置,超出元素所在位置则显示在设定的sticky位置。

使用:

#id { position: sticky; top: 0; };

设置position:sticky,上下定位给一个(top,bottom,right,left)之一即可;左右定位需要两个值。

使用条件:

1、父元素不能overflow:hidden,overflow:auto,height:100%等属性。

2、上下定位给一个(top,bottom,right,left)之一即可;左右定位需要两个值,如(top:0;right:0;)。

3、父元素的高度不能低于sticky元素的高度。

4、sticky元素仅在其父元素内生效。

posted @ 2019-05-07 14:05  荷风伊夏  阅读(299)  评论(0编辑  收藏  举报