Javascript 如何使用vanilla JS在scroll上平滑滚动到div？

我正在寻找一种方法，滚动到一个div上滚动-只有在登陆Id上，而不是整个页面滚动所有部分

我的代码片段中的JS已在click事件上运行，但无法在scroll上运行

document.getElementById（'landing'）.addEventListener（“滚动”），函数（事件）{
event.preventDefault（）；
document.getElementById（“main”）.scrollIntoView（{behavior:“smooth”}）；
});
#着陆#主{
高度：100vh；
}
#主要{
背景：#EAEAEA；
}
我认为您的问题在于#着陆没有溢出，因此它没有滚动

我已经尝试向div添加更多内容，它正在工作

看看这篇文章：
你读过下面关于香草平滑实现的文章吗：我的问题是滚动事件监听器没有点击-这是一个很好的参考