固定 div 但在頁腳之前停止

Question

我需要固定的 div（邊欄），但必須在頁腳之前停止。 我寫了一個代碼，我已經寫了一個星期了，但我做不到 -> pastebin.com/q85pPBpc

Answer 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;
   }
}