滚动时如何自动选择锚点

时间:2012-06-29 15:36:44

标签: jquery scroll anchor vertical-scrolling

我会尽可能清楚地解释。

我有一个侧边栏,例如,3个项目。每个项目都是指向页面中锚点的链接。当我点击一个项目时,我使用scrollTo函数进行平滑滚动。它很棒。

但我现在想要的是,当我滚动时,例如转到锚3时,将自动选择滚动时显示的当前锚点。清楚?

例如:选择项目1。我开始滚动,然后到达锚点2.自动选择项目2,项目1进入未选择状态。

我继续滚动,然后到达锚点3.项目2将进入未选择状态,项目3将自动被选中。

因此,项目状态通过滚动自动更改,而不仅仅是点击项目。

有没有明智的方法可以做到这一点?

先谢谢。

巴斯蒂安

2 个答案:

答案 0 :(得分:2)

Twitter bootstrap有一个实现: http://twitter.github.com/bootstrap/javascript.html#scrollspy

此外,jQuery waypoints提供了足够的功能: http://imakewebthings.com/jquery-waypoints/

答案 1 :(得分:0)