web前端零基礎課題:美麗說導航吸頂盒
知識點:html/css佈局思維, div盒子模型 , 導航條製作,css浮動、定位詳解,
學習方法總結,2017就業形勢分析,企業開發標準等
思路:
nav固定到瀏覽器最上方 position:fixed;
當頁面拉到看不見nav的時候我們給nav的class添加 .fixed
A 當滾動條滾動高度>B nav底部距離文檔頂部高度
.nav底部距離文檔頂部高度的獲取
-
nav頂部距離文檔頂部的高度+nav的高度
.判斷高度a和b,如果a>b
部分源碼:
代碼過長,只發部分,大家可以加下前端群【470593776】(源碼和視頻)
閱讀更多 IT先鋒 的文章