Html 固定的页眉和页脚设计时，滚动内容浏览器的页脚是跳跃

嗨

当我滚动浏览器时，它是我固定的页眉和页脚。当我的页脚跳转时，浏览器页眉被隐藏。如何修复它。。我在下面附上了跳跃截图：

#标题{
宽度：100%；
背景：#fff过渡：top.5s轻松；
显示器：flex；
位置：固定；
左：0；
排名：0；
高度：50px z指数：999；
}
#主要{
填充顶部：50px；
过渡：填充顶部。2秒轻松；
}
.整箱{
最小高度：计算（100vh-50px）；
显示器：flex；
弯曲方向：行；
柔性包装：nowrap；
}
#页脚{
宽度：100%；
高度：50px；
位置：固定；
底部：0；
左：0；
右：0；
背景色：#fff；
z指数：999；
}

---

为页眉和页脚添加此css

.fixed-header{
  position: fixed;   
  top: 0;
  width: 100%;
}
.fixed-footer{
  position: fixed;
  bottom: 0;
  width: 100%;
}

在滚动页面时，如果您的内容在页眉和页脚上重叠，则意味着请根据需要为页眉和页脚添加z索引，这将起作用：

正文{
保证金：0；
}
#根{
高度：100vh；
显示器：flex；
弯曲方向：立柱；
}
#根>*{
宽度：100%；
}
#页眉，#页脚{
flex:0自动；
}
#主要{
弹性：1100%；
溢出y：自动；
}

固定收割台
你的内容在这里
...

让我们用高的东西来测试一下
....
固定页脚

你能附加你的代码吗？当我滚动浏览器Url标题时，我附加了我的代码，但移动设备无法工作。当时隐藏了Url标题，但我遇到了页脚跳转问题