實現代碼:
首先給需要吸頂效果的子元素設置以下樣式:
position: sticky;
top: 0px; //這個top值,指的是 離頂部多少距離吸頂
left: 0px;
然后給父元素 添加 position :relative;
【注意】
sticky屬性僅在以下幾個條件都滿足時有效:
(1)頁面高度不能為height:100% ;
(2)必須指定top、bottom、left、right4個值之一,否則只會處於相對定位
(3)父元素的高度不能低於sticky元素的高度