Css 为什么位置:粘性;不在办公室工作?

Css 为什么位置:粘性;不在办公室工作?,css,reactjs,Css,Reactjs,我试图使两个侧边栏保持粘性,这样当你滚动到那里时,它们将跟随,直到用户到达页面底部 这很容易在其他程序中实现,但在我正在编辑的应用程序中它不起作用 我已经阅读了所有可能导致此错误的内容,这是我迄今为止试图解决的问题: 更改浏览器(chrome和firefox) 将flexstart添加到粘性组件 包括顶:价值 增加高度:自动 从父容器和表、块等中删除flex 奇怪的是,固定的工作,但不粘。我总是可以创建一个函数来测试它是否在那个组件高度,然后在那个高度添加fixed。我宁愿不这样做,因为粘性是一

我试图使两个侧边栏保持粘性,这样当你滚动到那里时,它们将跟随,直到用户到达页面底部

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

我已经阅读了所有可能导致此错误的内容,这是我迄今为止试图解决的问题: 更改浏览器(chrome和firefox) 将flexstart添加到粘性组件 包括顶:价值 增加高度:自动 从父容器和表、块等中删除flex

奇怪的是,固定的工作,但不粘。我总是可以创建一个函数来测试它是否在那个组件高度,然后在那个高度添加fixed。我宁愿不这样做,因为粘性是一个更容易的解决方案

这是一个很大的项目,所以有很多代码,我不可能在这篇文章中把所有的都放进去,所以我将把这个元素和这个问题放在一起

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

Body元素有溢出-x:hidden;如果我把它移除,它就会工作


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

您使用的浏览器版本是什么<代码>位置:粘滞已经出了名。它在Chrome中仍然存在问题,在IE等浏览器中根本不受支持。我试过Chrome和firefox,但它们都不起作用“注意,一个粘性元素“粘住”到它最近的祖先,它有一个“滚动机制”(当溢出被隐藏、滚动、自动或覆盖时创建),即使该祖先不是最近的实际滚动祖先。这有效地抑制了任何“粘性”行为(请参阅)。“--另请参阅。