Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何制作使浏览器窗口滑动到div的菜单?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何制作使浏览器窗口滑动到div的菜单?

Javascript 如何制作使浏览器窗口滑动到div的菜单?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,好的,下面是我试图模拟的效果: 请注意,当单击菜单项时,菜单如何滑动到相应的div。如何使用菜单执行此操作?我的网站是willowlake.github.io 谢谢 编辑:谢谢大家!不要在这个愚蠢的问题上浪费更多的时间,它已经得到了深入的回答。使用这个 Tiny Scrolling是一个小脚本,专门用于支持内部链接与其目的地之间的导航。 它用页面本身的平滑滚动取代了从页面各个部分跳转的烦人和混乱 看看这个: 将此添加到您的脚本中,您将能够获得效果 $('#idOfYourMenuItem'

好的,下面是我试图模拟的效果:

请注意,当单击菜单项时,菜单如何滑动到相应的div。如何使用菜单执行此操作?我的网站是willowlake.github.io

谢谢

编辑:谢谢大家!不要在这个愚蠢的问题上浪费更多的时间,它已经得到了深入的回答。

使用这个

Tiny Scrolling是一个小脚本,专门用于支持内部链接与其目的地之间的导航。 它用页面本身的平滑滚动取代了从页面各个部分跳转的烦人和混乱

看看这个:


将此添加到您的
脚本中,您将能够获得效果

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

天哪……在问这个超级基本的问题之前,你有没有试过谷歌搜索过???是的,我一定没有在正确的地方寻找,也没有使用正确的关键词,因为我找不到关于这个主题的任何东西。这里的关键词是“幻灯片”,而不仅仅是链接到。或者谢谢!我知道我可能应该学会更好地使用谷歌。