js实现网页定位导航功能-创新互联

本文实例为大家分享了js网页定位导航的具体代码，供大家参考，具体内容如下

梁溪网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

一个循环判断当前滚动到的位置，另一个循环遍历导航条判断其id是否与滚动到的位置相同

效果如图：

实现代码：

  
  
  
  



  

    
1F 男装
    
2F 女装
    
3F 美妆
    
4F 数码
    
5F 母婴
  


  
地狗购物网
  

    
1F 男装
    

      

      

      

      

      

      

      

      

      

    
  
  

    
2F 女装
    

      

      

      

      

      

      

      

      

      

    
  
  

    
3F 美妆
    

      

      

      

      

      

      

      

      

      

    
  
  

    
4F 数码
    

      

      

      

      

      

      

      

      

      

    
  
  

    
5F 母婴
    

      

      

      

      

      

      

      

      

      

    
  

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

名称栏目：js实现网页定位导航功能-创新互联
文章源于：http://cdxtjz.cn/article/desghd.html