【发布时间】:2020-02-29 19:38:23
【问题描述】:
我正在使用 React Bootstrap,而 position-sticky 类根本不起作用。 所有级别都没有溢出。 有什么提示吗?
【问题讨论】:
标签: css reactjs react-bootstrap sticky
我正在使用 React Bootstrap,而 position-sticky 类根本不起作用。 所有级别都没有溢出。 有什么提示吗?
【问题讨论】:
标签: css reactjs react-bootstrap sticky
我发现 Container 需要高度 指定。
将 height: 100% 添加到父级并将 top: 0 添加到子级可以解决此问题。
原因是sticky规则使用父级的高度来计算自己的位置。
使用 React Bootstrap 可以使用 className h-100 来设置 height: 100%
我希望这对其他人也有帮助:)
【讨论】: