为什么位置：粘性；在反应中不起作用？

Question

我正在尝试使 2 个侧边栏具有粘性，因此当您在那里滚动时，它们会一直跟随，直到用户到达页面底部。

这在其他程序中很容易实现，但在我现在正在编辑的应用程序中不起作用。

我已经阅读了可能导致此错误的所有内容，这是我迄今为止尝试解决的问题：更改浏览器（chrome 和 firefox）将 flexstart 添加到包含的粘性组件顶部：增值高度：自动删除从父容器和尝试表、块等进行伸缩。

奇怪的是固定的作品，但不粘。我总是可以创建一个函数来测试它是否处于该组件高度，然后在该高度添加固定。我宁愿不这样做，因为粘性是一个更简单的解决方案。

这是一个很大的项目，所以有很多代码，我不可能在这篇文章中全部放完，所以我只包含有问题的元素。

div.sticky {
  position: sticky;
  top: 0;
  justify-content: flex-start;
}

Answer 1

Body 元素有 Overflow-x: hidden; 如果我删除它就可以了。

不确定我是否可以删除它，但这就是导致我的问题的原因。