1

请查看www.myprovence.fr。单击固定顶部的链接,您会看到页面不仅跳转到其锚点,而且会滑动最后几厘米,或者像我所说的那样轻柔地着陆。我想弄清楚这是如何完成的,但我不知道在(压缩/缩小和扩展的)源代码中寻找什么,或者谷歌搜索什么。Firebug 也没有说清楚。这怎么叫,我应该寻找什么?

4

3 回答 3

2

二次缓出功能应该可以实现您正在寻找的效果。这个插件提供了这个和其他缓动函数(或者你可以自己编写)。您可以在此处检查库中包含的缓动函数。

于 2013-03-19T05:23:52.897 回答
0

他们将 jQuery 与缓动函数结合使用。Chris Coyier 发布了类似的内容,您可以在此处查看代码和演示:链接

你只需要让导航链接变成这样:

<a href="#one">Scroll to Section One</a>
<a href="#two">Scroll to Section Two</a>

您要滚动到的部分如下所示:

<div id="one">Section One</div>
<div id="two">Section Two</div>
于 2013-03-19T05:23:21.783 回答
0

好的,它需要另一个重要的构建块,必须先修复它,但是有了这个和 Asad 递给我的构建块,我让它工作了——而且很漂亮,我可以补充一下。低至 IE7(6 未测试)!请参阅http://bit.ly/XWbvZw。所有信息都在代码和注释中。

感谢您的加入!

于 2013-03-19T10:02:13.023 回答