我会尽可能清楚地解释。
我有一个侧边栏,例如,3个项目。每个项目都是指向页面中锚点的链接。当我点击一个项目时,我使用scrollTo函数进行平滑滚动。它很棒。
但我现在想要的是,当我滚动时,例如转到锚3时,将自动选择滚动时显示的当前锚点。清楚?
例如:选择项目1。我开始滚动,然后到达锚点2.自动选择项目2,项目1进入未选择状态。
我继续滚动,然后到达锚点3.项目2将进入未选择状态,项目3将自动被选中。
因此,项目状态通过滚动自动更改,而不仅仅是点击项目。
有没有明智的方法可以做到这一点?
先谢谢。
巴斯蒂安
答案 0 :(得分:2)
Twitter bootstrap有一个实现: http://twitter.github.com/bootstrap/javascript.html#scrollspy
此外,jQuery waypoints提供了足够的功能: http://imakewebthings.com/jquery-waypoints/
答案 1 :(得分:0)