Javascript 锚点没有滚动到最顶端

当你点击主页时，你不会被滚动到最顶端。还有一点，你必须手动滚动。我怎样才能到达顶峰

是否可以使用

position:sticky

而不是

position:fixed

作为更好的选择

如果是，如何正确替换导航栏的状态

//标题为beim scrollen
$（函数（）{
var shrinkHeader=100；
$（窗口）。滚动（函数（）{
var scroll=getCurrentScroll（）；
如果（滚动>=收缩页眉）{
$（'#navbar'）.addClass（'shrink'）；
}否则{
$（“#navbar”）.removeClass（'shrink'）；
}
});
函数getCurrentScroll（）{
return window.pageYOffset | | document.documentElement.scrollTop；
}
});
//JavaScript文档
$（文档）.ready（函数（）{
var navTop=$（'#navbar'）.offset（）.top；
var navHeight=$（'#navbar'）.height（）；
var windowH=$（window.height（）；
$（'.section'）。高度（窗H）；
$（文档）。滚动（函数（）{
var st=$（this.scrollTop（）；
//对于导航栏：
如果（st>navTop）{
$（'#navbar'）.addClass（'fix'）；
$（'.section:eq（0）'）.css({
“页边距顶部”：导航高度
})；//修复由于修复导航栏导致的滚动问题
}否则{
$（“#navbar”）.removeClass（'fix'）；
$（'.section:eq（0）'）.css({
“页边距顶部”：“0”
});
}
$（'.section'）。每个（函数（索引，元素）{
如果（st+navHeight>$（此）.offset（）.top&&st+navHeight
我不得不把它改成这样：

#home {
  height: 100% !important;
  display: block;
  padding-top: 128px;
  z-index: -1;
  position: relative;
  top: -128px;
}

更新你的CSS代码

body {
  background-color: white;
/*  margin: 128px 0 0 0; */  comment this line or change to margin:0px; 
}

这是因为你已经将128px的上边距应用到你的HTML正文中。这很有效，谢谢：）我已经发布了答案plz。接受它作为答案。好了，伙计