调整位置：固定在React的两个不同组件中

Question

一路问候！

如图中所示 在家庭组件中，我将容器包装为：

"z-index": 1,
position: "fixed",
left: 0,
right: 0,
top: 0

和在应用组件中

<Header />
<Home />

然后Home的一定高度与Header重叠！但是我不知道标题的高度！它对屏幕的宽度反应灵敏！我想将Home Component调整为Header的高度。

额外的问题：当滚动页面反应时，如何实现标题like this。

Answer 1

我建议您不要依赖Header的高度不确定。使用一些高度（大约50像素），然后可以为Home组件设置margin-top: 50px。

否则，您可以使用一些第三方库：

• react-sticky。
• react-sticky-header

我认为他们有您所需要的。