position: sticky

基於使用者的滾動位置來定位。
粘性定位的元素是依賴於使用者的滾動，在 position:relative 與 position:fixed 定位之間切換。
在目標區域以內，它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。
元素定位表現為在跨越特定閾值前為相對定位，之後為固定定位。
這個特定閾值指的是 top, right, bottom 或 left 之一，換言之，指定 top, right, bottom 或 left 四個閾值其中之一，才可使粘性定位生效。否則其行為與相對定位相同。

摘自：https://blog.csdn.net/yesyoucan_/article/details/80506742