Problème de lag pour effet transition
Publié : 15 juin 2017, 20:02
Bonjour,
Voilà, j'ai reporté ma page ici avec le principal de ce qu'elle contient :
http://boxfly.free.fr/test/transition
Donc, on peut choisir en haut à droite le nombre de box qui seront affichées. Et malheureusement à partir de seulement 2 boxes, Firefox lagg quand on clique sur le Titre "Click Here to move the div" qui va déplacer l'ensemble vers la gauche ou la droite.
CSS:
jQuery:
Avec Chrome, c'est tout le temps fluide même si on sélectionne 50 box à afficher.
Comment je peux optimiser cet effet pour qu'il soit fluide avec Firefox également ?
Merci,
Vincent.
Voilà, j'ai reporté ma page ici avec le principal de ce qu'elle contient :
http://boxfly.free.fr/test/transition
Donc, on peut choisir en haut à droite le nombre de box qui seront affichées. Et malheureusement à partir de seulement 2 boxes, Firefox lagg quand on clique sur le Titre "Click Here to move the div" qui va déplacer l'ensemble vers la gauche ou la droite.
CSS:
Code : Tout sélectionner
#DivWraper {
transition: margin-left 0.5s ease-in; /* 0.5 second transition effect to slide in the sidenav */
}
#DivWraper.openSidebar {
margin-left: 250px;
}
Code : Tout sélectionner
$("#LinkChange").click(function() {
if($("#DivWraper").hasClass("openSidebar")) {
$("#DivWraper").removeClass("openSidebar");
} else {
$("#DivWraper").addClass("openSidebar");
}
});
Comment je peux optimiser cet effet pour qu'il soit fluide avec Firefox également ?
Merci,
Vincent.
