css實作滑動吸頂功能
實作代碼:
首先給需要吸頂效果的子元素設定以下樣式:
position: sticky;
top: 0px; //這個top值,指的是 離頂部多少距離吸頂
left: 0px;
然後給父元素 添加 position :relative;
【注意】
sticky屬性僅在以下幾個條件都滿足時有效:
實作代碼:
首先給需要吸頂效果的子元素設定以下樣式:
position: sticky;
top: 0px; //這個top值,指的是 離頂部多少距離吸頂
left: 0px;
然後給父元素 添加 position :relative;
【注意】
sticky屬性僅在以下幾個條件都滿足時有效: