Html 在Opera/Chrome浏览器中滚动时，粘性导航栏在某一点闪烁（渲染错误？）

在我的网站上向下滚动时，导航栏会在某一点闪烁。我做了一些研究，发现这可能是一个渲染错误，尽管stackoverflow上的所有修复并没有解决我的问题

这是一张gif：

导航栏有一个粘性属性，当我将其设置为“修复”时，它解决了问题，但我将失去它粘性的所有好处，因此我无法将其用作解决方案

我注意到这只发生在Chrome和Opera中（据我所知），而在微软Edge中则没有

.nav-wrapper {
/* position: fixed; */
position: sticky;
top: 0;
background: rgba(255,255,255,1.0);
width: 100%;
z-index: 1;
clear: both;

有人知道我可以尝试的解决方案/修复方案吗

提前感谢。

目前还没有大量的支持。试用 抱歉，你在回答中确实这么说了。要绕过此限制，您可能需要添加一些javascript来支持此功能

下面是一个您可以做的示例：

---

尝试将.nav wrapper height min height和max height设置为相同的值

正如我在帖子中所说，固定位置解决了这个问题，但我会失去它粘性的所有好处，因此这对我来说不是一个好的解决方案。不过谢谢你的输入。添加这个代码对我很有用！谢谢<代码>最大高度：69px；最小高度：69px太好了。别忘了投赞成票：）我们将不胜感激我做了，但由于我的声誉，它不会被展示(