导航栏吸顶简单代码解决

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文件，其他效果思路类似，遇到以后再更新。