Question

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

导航栏具有粘性，当我将其设置为固定时，它可以解决此问题，但是我失去了使其具有粘性的所有好处，因此无法将其用作解决方案。

我注意到它仅在Chrome和Opera中发生（据我所知），而在Microsoft Edge中则没有发生。

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

有人知道我可以尝试的解决方案/修补程序吗？

谢谢。

Answer 1

还要尝试将.nav-wrapper的高度min-height和max-height设置为相同的值

Answer 2

Position: sticky;尚未获得广泛的支持。尝试使用position: fixed; 抱歉，您的回答确实如此。为了规避此限制，您可能需要添加一些JavaScript以支持该功能。