導航欄吸頂簡單代碼解決

sticky : 粘性定位 是相對最簡單的導航定位方式，最終沒有使用主要是因為兼容性問題。且看下面的兼容性，用起來是很爽，幾個CSS寫出吸頂效果，但是兼容性不是很好。IE全掛（又是IE） Chrome在以前是放棄這個屬性的，后來又支持了。

      /* 粘性定位 ( IE 瀏覽器不生效 ) */
      position: sticky; // 粘性定位
      top: 0; // 粘性定位

代碼如下：

<script>
// 鼠標滑過添加此css樣式
$(".topArea").hover(function(){
 $(this).addClass("topArea01");
         })
  $(window).scroll(function() {
  // 滾動條的垂直偏移大于190添加此CSS樣式
  if($(window).scrollTop() > 190) {
     $('.topArea').addClass("topArea01");
     } else {
    $('.topArea').removeClass("topArea01");
    }
  });
</script>

留意需要先引用jQuery文件，其他效果思路類似，遇到以后再更新。