Maison >interface Web >tutoriel CSS >Pourquoi les éléments fixes disparaissent-ils dans Chrome lors du défilement ?

Pourquoi les éléments fixes disparaissent-ils dans Chrome lors du défilement ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-03 14:28:30590parcourir

Why Do Fixed Elements Disappear in Chrome While Scrolling?

Un élément fixe disparaît dans Chrome : un problème documenté

Le problème que vous rencontrez lorsque des éléments fixes disparaissent pendant le défilement est un problème reconnu dans Chrome. Cela affecte particulièrement les éléments avec top:0;. Tenter de remédier à cela en modifiant le z-index ou la visibilité s'est avéré infructueux.

Solution : -webkit-transform:translateZ(0)

La solution à ce comportement déroutant consiste à utiliser la propriété -webkit-transform:translateZ(0) sur l'élément position:fixed. Cette étape simple mais efficace oblige Chrome à tirer parti de l'accélération matérielle, garantissant ainsi une repeinture continue de l'élément fixe.

Signaler le problème

Ce problème a été signalé à l'équipe Chromium. et attribué comme bug https://bugs.chromium.org/p/chromium/issues/detail?id=288747. Veuillez envisager d'ajouter une étoile à ce bug pour démontrer son importance et encourager sa résolution.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn