原生js實現導航欄吸頂

實現滑動滾動條讓導航欄吸頂原理：主要是通過監聽scroll，設定一個滾動條垂直位移作為臨界，讓導航欄吸頂或者取消吸頂。

話不多說了，代碼如下：

window.onscroll = function () {
      var scrollT = document.documentElement.scrollTop || document.body.scrollTop; // 滾動條的垂直偏移
      if (scrollT > xx) {  //xx為臨界的垂直位移值
        //修改導航欄的樣式，讓他呈現吸頂的狀態  主要是position:fixed;
      } else {
        //刪除吸頂的樣式,恢復正常的樣式
      }
    };

是不是十分的簡單，快去試試吧！