原生javascript實現導航欄吸頂

導航欄的吸頂效果非常簡單，可以說沒有技術難度可言，但是既然遇到了，還是選擇記錄下來，可能會幫到部分小白。（demo鏈鏈接在最後面） 實現原理非常簡單： 1.編寫一個吸頂的css樣式 2.div結構 3.封裝一個獲取滾動條位置的函數； 4.用window.onscroll =function(){}實時監聽滾動條。 5.通過滾動條的位置判斷，當大於某個指定值的時候（這裏設置爲50），改變導航欄的樣式

>>阅读原文<<