Javascript 如何滚动到特定元素

我试图创造一种效果，当用户在hero部分（使用100vh）并向下滚动时，它会立即滚动到一个特定元素，当用户在该特定元素并向上滚动时，它会将用户带到hero部分

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var x=$（“#滚动到”）.offset（）；
var height1=$（“#滚动到”）.outerHeight（）；
var y=document.documentElement.scrollTop；
Varz=（x.top+height1）-y；
如果（z<$（窗口）.height（））{
document.querySelector（“#滚动定位”）.scrollIntoView({
行为：“平滑”
});
}
});
});使用HTML id和标记，并在链接中使用id作为href


.blue{
背景颜色：蓝色；
最小宽度：100px；
最小高度：700px；
}
瑞德先生{
背景色：红色；
最小宽度：100px；
最小高度：700px；
}

到目前为止，您尝试了什么？这是一个被描述了数十亿次的功能，试着搜索一下。好吧，出了什么问题？你的问题是什么？你的代码在哪里？我在这里找到了很多代码，但没有一个适合我的需要。我尝试过使用这些代码，但由于某种原因，当它滚动到元素时，你可以上升$（document.ready（function（）{$（window.scroll）（function（）{var x=$（“#scroll to”）.offset（）var height1=$（“#scroll to”）.outerHeight（）；var y=document.documentElement.scrollTop；var z=（x.top+height1）-y；if（z<$（window.height（））{$（“html，body”）.animate（{scrollTop:$（“#滚动锚”）.offset（）.top}，1500）；}}）；