如何使用香草JS平滑滚动到div上的div？

Question

我正在寻找一种滚动滚动到div的方法-仅在登陆ID上，而不是在所有部分中寻找整页滚动。

我的代码段中的JS可以处理click事件，但不能用于滚动事件

document.getElementById('landing').addEventListener("scroll", function(event) {
  event.preventDefault();
  document.getElementById("main").scrollIntoView({ behavior: "smooth" });
});

#landing, #main {
  height:100vh;
}

#main {
  background: #EAEAEA;
}

<section id="landing"></section>

<section id="main"></section>

Answer 1

我认为您的问题是#landing不会溢出，因此不会滚动。

我已经尝试向div添加更多内容，并且可以正常工作

看看这个：