为什么定位:粘性;无法反应吗?

时间:2019-06-04 23:43:42

标签: css reactjs

我正在尝试使2个侧边栏变粘,因此当您在其中滚动时,它们将一直跟踪直到用户到达页面底部。

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

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

奇怪的是固定是有效的,但不是粘性的。我总是可以创建一个函数来测试它是否处于该组件高度,然后在该高度添加固定值。我不愿意这样做,因为粘性是一个更容易解决的方法。

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

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

1 个答案:

答案 0 :(得分:0)

Body元素具有Overflow-x:隐藏;如果我将其删除。

不确定是否可以删除它,但这就是造成我问题的原因。