如何使用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() 事件