【问题标题】:How to automatically select anchor when scrolling滚动时如何自动选择锚点
【发布时间】:2012-06-29 15:36:43
【问题描述】:

我会尽量解释清楚。

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

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

例如:项目 1 被选中。我开始滚动并到达锚点 2。自动选择项目 2,项目 1 将进入未选择状态。

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

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

有没有聪明的方法来做到这一点?

提前致谢。

巴斯蒂安

【问题讨论】:

    标签: jquery scroll anchor vertical-scrolling


    【解决方案1】:

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

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

    【讨论】:

    • 是的,我在评论中做了一个指向航点的链接。感谢您的回答
    • 我使用 Bootstrap scrollspy 完成了这项工作,但我现在正在考虑切换到 Waypoints。使用 Bootstrap,当我调整浏览器大小时,或者在 spyscroll 加载并更改站点高度后加载 twitter 小部件时,事情会变得一团糟。有针对引导 spyscroll 的修复(在窗口大小更改等时刷新),但 spyscroll 似乎更强大。如果你都试过了,你觉得怎么样?
    【解决方案2】:

    【讨论】:

    • 谢谢,但我发现这正是我想要的! :) imakewebthings.com/jquery-waypoints
    • 太棒了。我刚刚检查了示例,哇!你可以用它做惊人的事情。很高兴分享这个发现。
    猜你喜欢
    • 2015-12-31
    • 2015-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-04
    • 1970-01-01
    相关资源
    最近更新 更多