天天看點

css實作滑動吸頂功能

css實作滑動吸頂功能

實作代碼:

首先給需要吸頂效果的子元素設定以下樣式:

position: sticky;

top: 0px;     //這個top值,指的是 離頂部多少距離吸頂

left: 0px;      

然後給父元素 添加 position :relative; 

【注意】

sticky屬性僅在以下幾個條件都滿足時有效: