網(wǎng)站頂部的導航欄固定與否，顯示隱藏與否的問題？
如果不固定（position: relative），那么滾屏時，導航欄就看不到了，如果需要定位點擊導航欄的某個選項跳轉(zhuǎn)頁面時比較麻煩，要先返回頂部，然后再點擊跳轉(zhuǎn)。
如果固定（position：fixed），那么無論滾屏與否，始終有個導航欄浮在頁面內(nèi)容上面，特別是第一屏內(nèi)容，會被擋住某部分，當然對第一屏處理一下就行了。
雖然用js控制css，可以實現(xiàn)兩種方式的結合，但是在手機端的會出現(xiàn)其他問題。就想有沒有兩者結合的css屬性，結果找到了粘性布局屬性position:sticky，當然兼容性還不太好。但是這篇文章（position:sticky實現(xiàn)iOS6+下的粘性布局，相關代碼栗子），可以解決這個問題。
到這里，已經(jīng)挺不錯了。但是我還想更好點。
- 頁面一出來導航欄位于最頂部
- 滾屏時，導航欄浮在頂部，不會消失。
- 滾多屏時，不想看到導航欄，當我需要關注時在出現(xiàn)再頂部。
到目前為止只解決了前面2點。最后一點，通過搜索，找到了，一個好的思路，就是IBM官網(wǎng)的導航欄。
