Warum verschwinden meine festen Elemente in Chrome, nachdem ich auf deren Links geklickt habe?

Unsichtbarkeit fester Elemente in Chrome

In Chrome verschwinden feste Elemente, die normalerweise für Sticky-Navigationsleisten verwendet werden, gelegentlich, wenn Sie auf ihre Links klicken. Diese Anomalie äußert sich in einem teilweisen oder vollständigen Verschwinden des Elements, das bei Mausbewegung oder Scrollen wieder erscheint.

Ursache:

Die genaue Ursache ist unbekannt, aber sie erscheint Es handelt sich um ein WebKit-Problem, das Elemente betrifft, die oben auf der Seite positioniert sind (oben: 0).

Lösung:

Um dieses Problem zu beheben, fügen Sie das folgende CSS hinzu Eigenschaft für das betroffene feste Element:

<code class="css">-webkit-transform: translateZ(0);</code>

Dadurch wird Chrome gezwungen, Hardwarebeschleunigung zu verwenden, um das feste Element kontinuierlich zu rendern und so seine zeitweilige Unsichtbarkeit zu verhindern.

Zusätzliche Informationen:

• Das Problem betrifft nur Elemente mit „top: 0“. Die Verwendung von „bottom: 0“ behält stattdessen das erwartete Verhalten bei.
• Diese Lösung behebt ein ähnliches Problem wie das in der referenzierten Frage besprochene, jedoch bietet eine funktionale Lösung.
• Ein Fehlerbericht für dieses Problem wurde bei Chromium eingereicht: https://bugs.chromium.org/p/chromium/issues/detail?id=288747. Erwägen Sie, den Fehler zu markieren, um auf dieses Problem aufmerksam zu machen.

Das obige ist der detaillierte Inhalt vonWarum verschwinden meine festen Elemente in Chrome, nachdem ich auf deren Links geklickt habe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!