当在我构建的网站上滚动时,使用 CSS 属性position: fixed
按预期工作,将导航栏保留在页面的最顶部。
然而,在 Chrome 中,如果您使用导航栏中的链接,有时消失。通常,您单击的项目仍然可见,但并非总是如此。有时整个事情都会消失。移动鼠标可恢复部分元素,使用滚轮或箭头键滚动只需单击一下即可恢复元素。您可以看到它(间歇性地)发生在https://nikeplusphp.charanj.it- 您可能需要点击一些导航链接几次才能看到它发生。
我也尝试过使用 z-index 和可见性/显示类型,但没有成功。
我碰到这个问题但修复对我根本不起作用。似乎是 webkit 问题,因为 IE 和 Firefox 工作得很好。
这是一个已知问题还是有解决方案来保持固定元素可见?
Update:
仅影响具有以下特征的元素top: 0;
, 我试过bottom: 0;
这按预期工作。
Add -webkit-transform: translateZ(0)
to the position: fixed
元素。这迫使 Chrome 使用硬件加速来连续绘制固定元素并避免这种奇怪的行为。
我为此创建了一个 Chrome bughttps://bugs.chromium.org/p/chromium/issues/detail?id=288747。请为其加注星标,以便引起一些关注。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)