网页锚定链接.显示有关用户所在的定位点的指示



如果我们有一个具有不同div(部分)的单页网站,并且顶部有一个标题,其中包含指向页面上不同锚点(div)的不同链接,或者当然通过滚动。如何在代表用户当前所在锚点的链接上显示一个小指示器,例如这个网站。

我会使用:hover CSS选择器(http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes)。还可以使用链接上的 title 属性来创建工具提示。

更新:

我必须通过您的评论假设您指的是链接网站右下角的"页面指示器"。

要模仿这一点,只需在更改活动div 时更改目标指标的 CSS。下面是一个简单的示例:http://jsfiddle.net/N39Gf/1/

请注意,如果您愿意考虑使用 jQuery 或类似的库,动画会变得非常简单,类切换和模仿这种效果所需的许多其他操作也是如此。

最新更新