accélérer une animation JS

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Polou
Messages : 1
Enregistré le : 13 févr. 2023, 11:51

accélérer une animation JS

Message par Polou » 13 févr. 2023, 11:56

Bonjour,
J'ai une animation à l'ouverture de mon site : un logo qui descend puis monte. Mais cela ralentis énormément le slider qui suit. Comment accélérer au maximum cette animation ?
Merci énormément.
P.

Code : Tout sélectionner

<!-- /logo descend -->

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('fast');
	$(".logo").animate({
		marginTop:'0px',
		opacity:1
	},200,'swing');
});
</script>

<!-- /logo remonte -->

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('slow');
	$(".logo").delay(200).animate({
		marginTop:'-2400px',
		opacity:1
	},800,'swing');
});
</script>

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: accélérer une animation JS

Message par webmaster » 13 févr. 2023, 19:43

Bonjour

Le délai est en paramètre de animate()

J'essaierai d'accelerer avec :

<!-- /logo descend -->

Code : Tout sélectionner

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('fast');
	$(".logo").animate({
		marginTop:'0px',
		opacity:1
	},50,'swing');
});
</script>

<!-- /logo remonte -->

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('slow');
	$(".logo").delay(50).animate({
		marginTop:'-2400px',
		opacity:1
	},100,'swing');
});
</script>
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre