滾動時如何使元素粘在頂部

Question

我正在創建一個需要幫助的頁面，我已經准備好 HTML 和 CSS，我想要的只是在我向下滾動一點后使元素到達頂部，並且必須有超過 5 個屏幕而不是我需要的當我繼續滾動時來到頂部

我找不到解決方案，所以需要幫助

這是我需要的鏈接，這正是我想要的 https://www.blackrock.com/corporate#intro

Answer 1

CSS

您需要的 CSS 屬性是position: sticky意味着該元素將在其各自的relative position 中，直到您向下滾動到足夠的頂部並到達top: 0 ，然后“如果您設置它”它立即將其 position 更改為position: fixed 。 享受

以下代碼可以幫助您實現所需的行為：

.sticky-container {
   position: sticky;
   top: 0;
   left: 0;
}

如果它是一個占據整個寬度的容器，那么還要添加width: 100%和某個固定的高度（以像素為單位）以查看容器。

如果您想讓元素在用戶剛進入網站時默認保留在某個 position 中，您可能需要position: fixed而不是粘性。 您可以通過演示查看此處修復的 position 的類似解決方案