Pourquoi mes éléments fixes disparaissent-ils dans Chrome après avoir cliqué sur leurs liens ?

Invisibilité des éléments fixes de Chrome

Dans Chrome, les éléments fixes, généralement utilisés pour les barres de navigation collantes, disparaissent parfois lorsque vous cliquez sur leurs liens. Cette anomalie se manifeste par une disparition partielle ou complète de l'élément, qui réapparaît lors du mouvement ou du défilement de la souris.

Cause :

La cause exacte est inconnue, mais elle apparaît être un problème WebKit qui affecte les éléments positionnés en haut de la page (haut : 0).

Solution :

Pour résoudre ce problème, ajoutez le CSS suivant propriété à l'élément fixe concerné :

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

Cela oblige Chrome à utiliser l'accélération matérielle pour restituer l'élément fixe en continu, empêchant ainsi son invisibilité intermittente.

Informations supplémentaires :

• Le problème n'affecte que les éléments avec top : 0. L'utilisation de bottom : 0 maintient à la place le comportement attendu.
• Cette solution résout un problème similaire à celui abordé dans la question référencée, mais fournit un correctif fonctionnel.
• Un rapport de bug pour ce problème a été déposé auprès de Chromium : https://bugs.chromium.org/p/chromium/issues/detail?id=288747. Pensez à mettre le bug en vedette pour attirer l'attention sur ce problème.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!