Bonjour à vous tous !!!


J'ai mis en place la gestion du style des scrollbar, par le navigateur, mais un souci de clignotement apparait à chaque changement de taille de la page, passant d'une page à l'autre.

Plus en détails;

Ma fonction qui met à jour la taille du Html encapsulant le swf.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
function setInitialFlashHeight(newHeight) {
    document.getElementById('MonAplli').style.height = newHeight + 'px';
}
Ma fonction Envoyant la taille courante de mon appli flex.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
public function changeScroll(taille:Number):void
{
	var currentTaille:Number =  taille;
	ExternalInterface.call("setInitialFlashHeight", taille);
}
J'ajoute c'est deux élements à mon aplli
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
verticalScrollPolicy="off" horizontalScrollPolicy="off"
A chaque changement de taille de mon appli flex, on appel la fonction "changeScroll" qui envoie la taille de l'appli à ma page Html qui se met donc à jour.

Ainsi c'est ma page html qui "gére" le scroll avec son style à lui.

Hors, à chaque changement de taille, ma page html clignote brièvement, ce que je trouve très décalé au rendu, incitant à un chargement de page du serveur. De plus l'on aperçoit la barre grandissante, et le contenu défilant en un clin d’œil, mais perceptible, de bas en haut. Pour tout dire, c'est déroutant.

Peut on récupérer le style du scrollBar navigateur et l'envoyer à flex ?

Sinon, comment éviter cette gêne visuel coté html ?

Ouvert à vos idées