純CSS實現吸頂效果


position的屬性有哪些?

{
  position: static;
  position: relative;
  position: absolute;
  position: fixed;

  position: inherit;
  position: initial;
  position: unset;

}

還有一個position的屬性值:position: sticky

position: sticky;粘性定位,是相對定位和固定定位的混合。元素在跨越特定閾值前為相對定位,之后為固定定位。著作權歸作者所有。

注意:

1、position: sticky還是一個實驗性的屬性值。著作權歸作者所有。

2、粘性定位的固定定位並不一定是position:fixed,只有目標元素的任意父元素都沒有設置position:relative | absolute | fixed | sticky的情況下,才與position: fixed表現一樣。而當其任一父元素設置了position:relative | absolute | fixed | sticky時,目標元素是相對於父元素的固定。

參考來源:http://ghmagical.com/article/page/id/3GkrXEZVxLHK


免責聲明!

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



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