js定位导航菜单,比瞄点定位好用多了

   作为前端工作人员,都知道锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。但是点击瞄点超链接后,发现定位不准确,不能随心所欲,这下很苦逼,,,下面的这个js定位导航菜单定位很精准,比瞄点定位好用多了,,精准都可以自由调整。

请看代码:




    
    js定位导航菜单
    
        *{margin:0;padding:0;}  .w{width:1200px;margin:0 auto;}
        .nav{height:56px;margin-top:500px;margin-bottom:200px;}
        .box{border:1px solid red;height:800px;margin-bottom:200px;}
        .nav,#scroll_nav{width:100%;background:#7a3e47;color:#fff;position:relative;}
        #scroll_nav .pubW_c{height:56px;}
        #scroll_nav ul {margin-left:32px;}
        #scroll_nav ul li{font-size:20px;float:left;display:inline;
        width:152px;text-align:center;line-height:56px;color:#fff;}
        #scroll_nav ul li a{color:#fff; width:152px;height:56px;margin:0 auto;display:block;}
        #scroll_nav ul li a:hover,
        #scroll_nav ul li a.active{color:#7a3e47;background:#fff;text-decoration:none;}
    


    
        
            
                
                    
  • box01
  •                     
  • box02
  •                     
  • box03
  •                     
  • box04
  •                              
            
        
        我是box01