admin管理员组

文章数量:1612407

昨天设置 position: sticky;属性没生效,我辛辛苦苦排查了一天,终于找到了原因

  1. 必须指定 top, right, bottom 或 left 四个阈值其中之一(且达到设定的阈值),才可使粘性定位生效。否则其行为与相对定位相同
  2. position: sticky 的元素的任意父节点的 overflow 属性必须是 visible
  3. 设定了 position: sticky 的元素的父容器的高度必须大于当前元素,否则也会失效。
  4. 最重要的是如果你是flex布局,设置 position: sticky的元素高度一定到改为fit-content

本文标签: 原因PositionSticky