滚动切换菜单

主要用到了jq以及scrollTop和offsetHeight属性。首先菜单点击,页面定位用的肯定是锚点。右侧滚动到某一位置后。如何判断当前id是哪一个容器的呢?主要是用scrollTop和滚动后覆盖的容器高度加上offsetHeight去作比较实现的。下面见代码:
HTML结构:

菜单1
菜单11
菜单12
菜单13
菜单2
菜单21
菜单22
菜单23
菜单3

JS结构:





你可能感兴趣的:(滚动切换菜单)