CSS中的三大重點知識:
1.float,浮動
2.盒子模型
3.position絕對定位
今天主要寫下position中fixed相關知識:
position:static,relative,absolute,fixed
今天寫一個吸頂式菜單,當瀏覽器滾動條向下滑動時!菜單隨着頁面向下滑動!
一開始以為用了absolute,這個大家也應該常用.發現效果是達到了~但發現有一個嚴重的問題是:向下滑動時這個浮動層會非常的抖動.很影響美觀!
結果測試后發現了問題~
position:absolute是相對於整個網頁的頂部定位的(外部容器為body的情況下)~
position:fixed是相對於網頁的顯示窗口定位的(外部容器為body的情況下)~
所以用position:fixed固定層隨滾動條下滑時!效果很完美!