像天猫左侧、京东右侧等浮动导航条是怎样实现随屏滚动变化的（js）

Question

就是滚动到不同的楼层，导航相对的菜单发生变化

Answer 1

1、给每个导航选项一个属性，保存楼层id；
2、每个楼层都有一个id；
3、监听页面滚动事件，如果当前滚动到某一个楼层，就更新导航选中。

不一定非要是id，主要是维护两者对应关系。

追问

恩恩，谢谢了！不过还想问下：鼠标经过和点击又该如何控制？

Answer 2

用Ajax 异步获取后台数据，用JQuery来刷新局部数据