js实现网页定位导航功能

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

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序设计、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了宝丰免费建站欢迎大家使用！

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

效果如图：

js实现网页定位导航功能

实现代码：




  
  地狗购物网--网页定位导航效果
  
  



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


  地狗购物网
  
    1F 男装
    
      
      
      
      
      
      
      
      
      
    
  
  
    2F 女装
    
      
      
      
      
      
      
      
      
      
    
  
  
    3F 美妆
    
      
      
      
      
      
      
      
      
      
    
  
  
    4F 数码
    
      
      
      
      
      
      
      
      
      
    
  
  
    5F 母婴

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。

名称栏目：js实现网页定位导航功能
网页路径：http://kswsj.com/article/gcgocs.html

js实现网页定位导航功能

地狗购物网

1F 男装

2F 女装

3F 美妆

4F 数码

5F 母婴

其他资讯

公司服务热线