Javascript 固定div，但在页脚之前停止

我需要固定的div（边栏），但必须在页脚之前停止。我写了一个代码，我已经写了一个星期了，但我做不到

---

->有一个非常简短的CSS解决方案。它来自引导程序4。我想这就是你需要的

您的网站应具有以下结构：

<header></header>
<main>
    <aside class="sticky-top"></aside>

    <section></section>
    <section></section>
    <section></section>
</main>
<footer></footer>

---

你能在这里复制/粘贴相关代码吗？很多人（包括我自己）并不特别喜欢粘贴链接。

@supports ((position: -webkit-sticky) or (position: sticky)) {
   .sticky-top {
       position: -webkit-sticky;
       position: sticky;
       top: 0;
       z-index: 1020;
   }
}