如何使用vanilla JS在滚动时平滑滚动到div？

Question

我正在寻找一种在滚动时滚动到 div 的方法 - 仅在登陆 Id 上不寻找所有部分的整页滚动。

我的代码段中的 JS 已经在点击事件上工作，但无法让它在滚动上工作

 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 添加更多内容并且它正在工作

看看这个： 附加到 div 时不会触发 scroll() 事件