向下滚动页面时,使锚标签平滑滚动

时间:2015-09-05 17:32:05

标签: html css scroll anchor anchor-scroll

我正在尝试实现与phptherightway.com相同的结构。当您在右侧主页面上滚动时,左侧通过锚点向下跳跃,我认为它突出显示左侧。我该如何重新创建呢?它可以只使用锚标签完成,还是需要像jquery更高级的东西?

右侧是否使用此功能?

  • < a href =“#example”>

左侧使用?   - < a name =“example”>

1 个答案:

答案 0 :(得分:3)

如果单击此锚链接:

boolean

该页面跳转到:

<a href="#example">Click Me</a>

现在,如果您希望页面滚动<div id="example">....</div> 部分而不是跳跃,则必须使用jQuery #example。< / p>

这是一个简单的jQuery示例,说明如何使用scroll()

scroll

这是一个带有上述脚本的jsfiddle:http://jsfiddle.net/AndrewL32/65sf2f66/23/