成都网站建设设计

将想法与焦点和您一起共享

js实现网页定位导航功能

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

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

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

效果如图:

js实现网页定位导航功能

实现代码:




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



地狗购物网

1F 男装

2F 女装

3F 美妆

4F 数码

5F 母婴

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


新闻名称:js实现网页定位导航功能
网站URL:http://chengdu.cdxwcx.cn/article/gcgocs.html