Javascript 响应菜单不滚动到右div，而是滚动到页面顶部
几个小时以来，我一直在寻找问题的答案，但没有找到任何结合了每个特征的答案 所以，我一直在尝试建立一个简单的响应导航栏，使用javascript滚动到特定的div 当我在页面顶部时，导航栏工作正常。问题是，当我从页面上的任何其他位置单击我的链接时，它会直接跳到顶部，而不会滚动到我的特定div 我不知道这是否与我用来滚动到div的JS函数有关，与我格式化导航栏的方式有关，还是与我对HTML结构的不了解有关。下面是我所有的东西 请注意：我已经在html文件中直接编写了JS函数，所以这会让一切变得有点混乱 我真的希望这里有人能帮忙Javascript 响应菜单不滚动到右div，而是滚动到页面顶部,javascript,jquery,html,css,Javascript,Jquery,Html,Css,几个小时以来，我一直在寻找问题的答案，但没有找到任何结合了每个特征的答案 所以，我一直在尝试建立一个简单的响应导航栏，使用javascript滚动到特定的div 当我在页面顶部时，导航栏工作正常。问题是，当我从页面上的任何其他位置单击我的链接时，它会直接跳到顶部，而不会滚动到我的特定div 我不知道这是否与我用来滚动到div的JS函数有关，与我格式化导航栏的方式有关，还是与我对HTML结构的不了解有关。下面是我所有的东西 请注意：我已经在html文件中直接编写了JS函数，所以这会让一切变得有点混
jQuery（文档）.ready（函数（）{
jQuery（'.toggle nav'）。单击（函数（e）{
jQuery（this.toggleClass（'active'）；
jQuery（'.menu ul'）.toggleClass（'active'）；
e、 预防默认值（）；
});
});
$（“.current item”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.menu”）.offset（）.top
}, 2000);
});
$（“.scrollfeat1”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.feature1scroll”）.offset（）.top
}, 2000);
});
$（“.scrollfeat2”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.feature2scroll”）.offset（）.top
}, 2000);
});
$（“.scrollfeat3”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.feature3scroll”）.offset（）.top
}, 2000);
});
$（“.scrollfeat4”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.feature4scroll”）.offset（）.top
}, 2000);
});
html，
身体{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
背景色：白色；
溢出：自动；
字体系列：日内瓦；
}
h1{
字体大小：60px；
}
氢{
字体大小：30px；
}
p{
颜色：#7575；
字体系列：日内瓦；
}
/*-----切换按钮-----*/
.切换导航{
显示：无；
}
/*-----菜单-----*/
@媒体屏幕和屏幕（最小宽度：860像素）{
.菜单{
宽度：100%；
填充：5px20px；
盒影：0px 1px 1px rgba（0,0,0,0.15）；
背景：白色；
位置：固定；
z指数：1；
}
}
.菜单ul{
显示：内联块；
}
李先生{
保证金：0px 50px 0px 0px；
浮动：左；
列表样式：无；
字号：17px；
}
李：最后一个孩子{
右边距：0px；
}
.菜单a{
颜色：黑色；
过渡：颜色线性0.15s；
文字装饰：无；
}
.菜单a：悬停，
.菜单.当前项a{
文字装饰：无；
颜色：#46B1C9；
}
/*-----响应的-----*/
@媒体屏幕和屏幕（最大宽度：1150px）{
.包裹{
宽度：90%；
}
}
@媒体屏幕和屏幕（最大宽度：970px）{
.搜索表格输入{
宽度：120px；
}
}
@媒体屏幕和屏幕（最大宽度：860像素）{
.菜单{
位置：相对位置；
显示：内联块；
位置：固定；
}
.菜单ul.active{
显示：无；
}
.菜单ul{
宽度：100%；
位置：绝对位置；
最高：120%；
左：0px；
填充：10px 18px；
盒影：0px 1px 1px rgba（0,0,0,0.15）；
边界半径：3px；
背景：白色；
}
.菜单：之后{
宽度：0px；
高度：0px；
位置：绝对位置；
最高：0%；
左：22px；
内容：''；
转换：翻译（0%，-100%）；
左边框：7px实心透明；
右边框：7px实心透明；
边框底部：7px实心#303030；
}
李先生{
保证金：5px0px 5px0px；
浮动：无；
显示：块；
}
.菜单a{
显示：块；
}
.切换导航{
填充：20px；
浮动：左；
显示：内联块；
盒影：1px1px1pRGBA（0,0,0,0.15）；
背景：白色；
颜色：#777；
字体大小：20px；
过渡：颜色线性0.15s；
}
.切换导航：悬停，
.toggle-nav.active{
文字装饰：无；
颜色：#46B1C9；
}
}
#霍姆迪夫{
显示：内联块；
文本对齐：居中；
最大宽度：250px；
左边距：20px；
右边距：20px；
}
#主页{
垫面：5%；
文本对齐：居中；
}
#回家{
最大宽度：200px；
}
.中心画廊{
显示器：flex；
柔性包装：包装；
证明内容：中心；
利润率最高：6%；
}
.分区功能{
左：5%；
填充顶部：20px；
溢出：自动；
最小高度：500px；
背景色：白色；
}
.alignindiv{
最大宽度：100%；
显示器：flex；
柔性包装：包装；
证明内容：中心；
}
.textfeat{
宽度：500px；
最大宽度：90%；
右边距：8%；
}
.imagefeat{
宽度：600px；
高度：400px；
最大宽度：90%；
背景色：白色；
保证金权利：5%；
边缘顶部：30px；
背景：url(http://i.imgur.com/zlEKIw2.jpg)无重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.位置{
利润率最高：6%；
利润底部：6%；
文本对齐：居中；
}
.btnmenu{
边界半径：10px；
文字装饰：无；
颜色：#7575；
位置：相对位置；
显示：内联块；
文本对齐：居中；
左侧填充：50px；
右边填充：50px；
宽度：400px；
最大宽度：90%；
}
.btnmun p{
字体大小：16px；
线高：0；
填充：0；
}
.btnmenu：活动{
转换：转换（0px，2px）；
-webkit转换：翻译（0px，2px）；
}
蓝先生{
背景色：透明；
边界：#7575；
边框样式：实心；
边框宽度：1px；
过渡：背景色线性0.2s；
}
蓝色：悬停{
边界：#46B1C9；
边框样式：实心；
边框宽度：1px；
背景色：#46B1C9；
}
蓝色：悬停{
颜色：白色；
}
footlign先生{
边框顶部：1px纯色灰色；
不透明度：0.5；
保证金权利：5%；
左缘：5%；
边缘顶部：20px；
边缘底部：5px；
}
.divfooter{
显示：内联块；
左缘：5%；
垂直对齐：顶部；
线高：15px；
利润底部：5%；
}
#标识123{
最大高度：100px；
边缘顶部：20px；
}
#版权所有{
字体大小：12px；
<html>
<body>
...
...
...
<script>
...
</script>
</body>
</html>