固定 div 但在页脚之前停止

【问题标题】：Fixed div but stop before footer固定 div 但在页脚之前停止
【发布时间】：2019-02-04 11:18:37
【问题描述】：

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

【问题讨论】：

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

【解决方案1】：

有一个非常简短的 CSS 解决方案。它来自 Bootstrap 4。我想这就是你所需要的。

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

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

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

简单的 CSS 会让你的侧边栏 aside 保持粘性，它会保留在主要部分，不会转到页脚。

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

【讨论】：