css - React Bootstrap - 位置粘性不起作用

Question

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

标签： cssreactjsreact-bootstrapsticky

Answer 1

我发现容器需要指定高度 。

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

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

使用 React Bootstrap可以使用className h-100设置高度：100%

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