Firefox Flicker Bug

Question

Existe-t-il une solution de contournement au bogue qui fait clignoter Firefox lorsque vous réduisez la taille du document?

Cliquez ici pour une démonstration

Cliquez ici pour la démonstration en mode quirks (pas de DOCTYPE)

Je parie que cela pourrait être corrigé en utilisant javascript - à chaque fois que la barre de défilement se rétrécit, assurez-vous de faire défiler la fenêtre vers le haut pour éviter le scintillement ou autre chose .. pensées?

Mise à jour : le bogue n'apparaît pas présent (ou du moins moins grave) en mode quirks

Answer 1

Faites ceci: Le problème est que la page défile lorsque l'image est redimensionnée.

Solution 1: Incluez la bibliothèque jQuery et plug-in jQuery Scroll . Faites ensuite défiler jusqu'à l'image en procédant comme suit:

$.scrollTo("#image", "fast", function(){
  //resize image here
});

OU!

désactivez simplement le débordement pour le conteneur de l'image / page temporairement:

$(body).css("overflow", "hidden");
//do resize
//on resize end (after it has finished):
$(body).css("overflow", "auto");

devrait résoudre votre problème!

EDIT:

  

Je parie que cela pourrait être corrigé en utilisant javascript - à chaque fois que la barre de défilement se rétrécit, assurez-vous de faire défiler la fenêtre vers le haut pour éviter le scintillement ou autre chose .. pensées?

Oui!

//before resizing
var scrollInterval = setInterval(function(){
  $.scrollTo("#image", "fast");
}, 1);
//do your resizing
//once resizing done
clearInterval(scrollInterval);