Jquery 如何创建将wbe页面滚动到特定位置的效果？

我正在制作一个只有一个页面的网站，我需要将菜单和标题（有连接）固定在导航器的顶部，但我需要当用户按下一个菜单项时，页面会自动滚动到特定位置。我尝试使用css中的固定位置和链接的锚定，但内容会转到导航器窗口的顶部，并停留在菜单和标题下

您可以使用window.scroll滚动到您的特定位置

$("#item").click(function(){
    window.scrollTo(500,0);
});

请参见jQuery的：

$（“.menuitem”）。单击（函数（e）{
e、 preventDefault（）；//防止锚的默认行为
var top=$（$（this.attr（“数据目标”））.offset（）.top；//获取原始（“错误”）位置
var headerHeight=$（“#menu”）.outerHeight（true）；//获取菜单栏的高度
var scrollTop=top headerHeight；//计算所需的scrollTop
$（窗口）.scrollTop（scrollTop）；//这是滚动程序代码
//您可以使用动画或其他奇特的效果
//如果您需要，例如：
//$（“html，body”）.aminate（{“scrollTop”：scrollTop}，700）；
});
#菜单{
背景色：#777777；
位置：固定；
顶部：0px；
左：0px；
宽度：100%；
高度：100px；
}
梅努特姆先生{
颜色：#FFFF00；
}
.目标{
边缘顶部：500px；
}

目标1
目标2
目标3
目标4
具体目标5
为此，您可以为动画命令设置回调函数，该命令将在滚动动画完成后执行

例如：

var body = $("html, body");
body.animate({scrollTop:0}, '500', 'swing', function() { 
   alert("Finished animating");
});

在警报代码所在的位置，可以执行更多javascript以添加进一步的动画。
如果希望滚动动画而不是跳转到位置-->$（“body”）。动画（{scrollTop:scrollTop}，400）