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

Disparition d'éléments fixes dans Chrome : une solution

Cette question répond à un problème de disparition d'éléments fixes dans Chrome lors du défilement ou du clic sur des liens. Le problème survient lorsqu'un élément avec la propriété CSS "position : fixe" et "top : 0" est utilisé et que le navigateur Chrome présente un comportement incohérent, provoquant la disparition intermittente de l'élément.

Le problème semble être isolé du navigateur Chrome, car d'autres navigateurs comme Firefox et IE fonctionnent comme prévu. Pour résoudre ce problème, le correctif suggéré implique l'ajout de la propriété CSS « ​​-webkit-transform: translateZ(0) » à l'élément fixe. Cela oblige Chrome à utiliser l'accélération matérielle pour restituer en continu l'élément fixe, éliminant ainsi l'effet de disparition particulier.

Il est important de noter que ce correctif concerne spécifiquement les éléments avec « top : 0 ; ». Lorsque « bas : 0 ; » est utilisé, l'élément se comporte normalement dans Chrome.

Pour sensibiliser et prioriser ce problème, un rapport de bug Chrome a été créé. Il est recommandé de « mettre en vedette » le bug pour attirer l'attention et les résolutions potentielles de l'équipe de développement de Chrome.

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!