css實現滑動吸頂功能


實現代碼:

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

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

 

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

 

【注意】

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

(1)頁面高度不能為height:100% ;

(2)必須指定top、bottom、left、right4個值之一,否則只會處於相對定位

(3)父元素的高度不能低於sticky元素的高度

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM