Javascript 如何使滚动窗口影响滚动Div内容？

如何使Windows中的滚动影响div内容（如WordPress编辑器页面）中的滚动

例如，我有一个元素：

标题

文章

页脚

我的div内容具有以下风格：

.my-div {
   overflow-y: auto;
   height: 576px;
}

在

my div

中，有一篇1000个字符长的文章，这意味着那里有一个滚动条

当我向下滚动时，在通过标题并到达文章后，滚动将对我在

文章

部分中的div内容滚动产生影响

<article>
    <div class="my-div">
        <!-- my content here -->
    </div>
</article>

因此，当我将窗口滚动条拉到底部时，我的div滚动条就会被拉下来

在我的“div”滚动完成之前，我下拉的滚动窗口会自动将我带到

页脚部分

<article>
    <div class="my-div">
        <!-- my content here -->
    </div>
</article>

我一直在寻找解决这个问题的办法，但没有找到

先谢谢你

翻译：Google
这个JS使ID为
的元素与窗口滚动一起滚动

const lastScrollTop = window.addEventListener("scroll", function() {
   const st = window.pageYOffset || document.documentElement.scrollTop;
   if (st > lastScrollTop){
     document.getElementById('YOUR_ELEMENT').scrollTop++;
   } else {
      document.getElementById('YOUR_ELEMENT').scrollTop--
   }
   lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}, false);

const lastScrollTop=window.addEventListener（“滚动”，函数（）{
const st=window.pageYOffset | | document.documentElement.scrollTop；
如果（st>lastScrollTop）{
document.getElementById（'YOUR_元素'）。scrollTop++；
}否则{
document.getElementById（'YOUR_元素'）。scrollTop--
}
lastScrollTop=st提前感谢您的回复先生，我一直在尝试，我得到了如下代码：。在myScroll内容滚动到'myScroll'页脚之前，窗口滚动将我带到页脚内容。我的意思是，如何在我的窗口滚动之前使
myScroll
滚动到
myScroll
底部页脚内容。