【问题标题】:React Bootstrap - position sticky not workingReact Bootstrap - 位置粘性不起作用
【发布时间】:2020-02-29 19:38:23
【问题描述】:

我正在使用 React Bootstrap,而 position-sticky 类根本不起作用。 所有级别都没有溢出。 有什么提示吗?

【问题讨论】:

    标签: css reactjs react-bootstrap sticky


    【解决方案1】:

    我发现 Container 需要高度 指定

    height: 100% 添加到父级并将 top: 0 添加到子级可以解决此问题。

    原因是sticky规则使用父级的高度来计算自己的位置。

    使用 React Bootstrap 可以使用 className h-100 来设置 height: 100%

    我希望这对其他人也有帮助:)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-06-20
      • 2020-09-06
      • 1970-01-01
      • 2021-09-30
      • 2020-02-22
      • 1970-01-01
      • 2018-07-04
      相关资源
      最近更新 更多