【新手求教】关于百度百科里的定位型导航问题。

[zhong81243232]

①百度百科网站链接：http://baike.baidu.com/link?url=G6vU1DurqsIszIGjfyDvNu9Vu0mGtPHkSLU8jjQpIVVFIhceZfLmHl9Rb0X5mmQZr8LCnWJ6Xrybc_dhz69o8XkqMHyl58Dp48LNz9iyISpfzhM09O-UcLOwue-7Lo10#6
②关于咖啡的右边的导航定位截图：
③问题：这段定位型导航的源代码是什么？怎么写？难的地方能有个释义就更好了。第一次在这上问问题，麻烦大家了。主要是把文章放在一个网页上，可以点他们小标题自动定位到指定地方

[zhong81243232]

[zhong81243232]

[l676331991]

我来说说思路，不知道你会不会豁然开朗。 首先分析下事件，js都是事件驱动的，右侧导航游标移动显然是在某个事件触发下改变的。好了，想一想交互方式，很明显是滚动事件。document.onscroll. 接着分析下滚动事件里，js都需要干什么？右侧导航游标是如何变化的呢？显然游标的位置和当前文档的位置有关，没错了，那就是document.scrollTop。scrollTop值随滚动而改变，我们只需要判断这个值，就知道游标需要指到哪了。 进一步，为了方便的根据文档的scrollTop值判断出目录导航里的游标的位置，我们需要建立一个表，事先记录下标题及其对应的scrollTop。我们知道，目录中的每一项都对应左侧内容中的某一块，因此在页面渲染完毕后，这些内容离文档顶端的距离就已经确定了。这些距离结合当前文档的scrollTop值，就可以知道目前用户正在浏览哪部分内容了，进而把右侧的游标定位到正确的指示位置上。