如何创建一个菜单,使浏览器窗口滑动到div?

时间:2014-01-08 06:45:15

标签: javascript jquery html css

好的,这就是我试图模仿的效果:

http://www.lukestevenson.me/

http://sohacks.com/

请注意,当单击菜单项时,菜单会滑动到相应的div。我怎么能用菜单做到这一点?我的网站是willowlake.github.io。

感谢。

编辑:谢谢大家!不要在这个简单的问题上浪费你的时间,已经得到了深入的回答。

3 个答案:

答案 0 :(得分:1)

使用此

Tiny Scrolling是一个小脚本,专门用于支持内部链接和目的地之间的导航。 它用页面本身的平滑滚动替换了页面各部分的令人讨厌和令人困惑的跳转。

Download the script (.js)

Tiny Scrolling

答案 1 :(得分:1)

答案 2 :(得分:0)

将此添加到您的script,您就可以获得效果。

$('#idOfYourMenuItem').click(function(){
    $('html, body').animate({ scrollTop: $('#idOfYourDiv').offset().top });
});