Boostrap 4 粘性側邊欄不起作用並隨頁面滾動

Question

我想將此頁面上名為“類別中的最新帖子”的右側邊欄設置為粘性，以便當用戶向下滾動時，它保持固定。

由於affix在 Bootstrap 4 中被刪除，我嘗試了 CSS 方式並在 codepen 上找到了一個在我的瀏覽器中運行良好的示例。 我將以下代碼添加到我的 css 文件中：

.make-me-sticky {
  position: -webkit-sticky;
    position: sticky;
    top: 0;
}

並將 class 添加到 html div

<div class="col-md-12 col-lg-4 sidebar make-me-sticky">

但我看不出效果。 怎么了？

Answer 1

 .make-me-sticky { position: fixed; top: 0; right: 0; overflow: hidden; height: 100vh; }

Answer 2

您可以將使用引導元素“位置固定”添加到側邊欄元素 (html)。 但是您也必須將位置重置到正確的站點。

<div class="col-md-12 col-lg-4 sidebar position-fixed">