CSS javascript 结合实现悬浮固定菜单效果

效果展示图如下，兼容chrome，firefox，windows，360，搜狗等主流浏览器

点击这里下载源码

米扑代理，是由百度，小米出来的工程师创建，做得非常棒，功能很全很贴心。

JS + CSS 经典实现

  .wrapper {
    width:1000px;
    height:2000px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
  }
  .header {
    height:150px;
  }
  #nav {
    padding: 10px;
    position: relative;
    top: 0;
    background: #375069;
    width: 1000px;
  }
  #nav a {
    display:inline-block;
    margin:0 10px;
    *display:inline;
    color:white;
    width: 15%;
  }
  p a {
    margin:0 10px;
    width: 15%;
  }




  
    
    
    
      米扑代理
      米扑排名
      米扑域名
      米扑博客
      米扑论坛
    
    
悬浮经典实例请参考：米扑代理
      
米扑代理价格表实例： 
      
http://proxy.mimvp.com/price.php
悬浮经典实例请参考： 米扑代理
      
米扑代理价格表实例： 
      
http://proxy.mimvp.com/price.php
悬浮经典实例请参考： 米扑代理
      
米扑代理价格表实例： 
      
http://proxy.mimvp.com/price.php
    
  

运行效果：