Firefox Flicker Bug

Question

Existe-t-il une solution de contournement pour le bogue qui fait vaciller firefox lors de la réduction de la taille du document?

Click here for a demo

Click here for the demo in quirks mode (no DOCTYPE)

Je parie que ce pourrait être résolu en utilisant javascript - chaque fois que la barre de défilement se rétrécit, assurez-vous de faire défiler la fenêtre pour empêcher le scintillement ou quelque chose .. pensées?

Mise à jour: le bug ne semble pas être présent (ou du moins pas aussi grave) en mode bizarreries

Answer 1

Pour ce faire: Le problème est que la page défile comme l'image est redimensionnée.

Solution 1: Inclure la bibliothèque jQuery et jQuery Scroll. Ensuite, faites défiler à l'image en procédant comme suit:

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

OU!

simplement désactiver trop-plein pour le conteneur de l'image/la page temporaire:

$(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 ce pourrait être résolu en utilisant javascript - chaque fois que la barre de défilement se rétrécit, assurez-vous de faire défiler la fenêtre pour empêcher le scintillement ou quelque chose .. pensées?

Oui!

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