如何做 - 粘性元素
瞭解如何使用 CSS 建立粘性元素。
注意:此示例在 Internet Explorer 或 Edge 15 及更早版本中無效。
粘性元素
具有 position: sticky;
的元素根據使用者的滾動位置進行定位。
粘性元素在 relative
和 fixed
之間切換,具體取決於滾動位置。它相對於視口中的給定偏移位置進行定位,直到達到該位置 - 然後它“粘住”在原地(就像 position:fixed)。
注意:對於粘性定位,您必須至少指定 top
、right
、bottom
或 left
中的一個。
要了解更多關於 CSS 定位的資訊,請閱讀我們的 CSS 定位 教程。