Renseignement technique utilisée
Résolu
kush91170
Messages postés
65
Statut
Membre
-
kush91170 Messages postés 65 Statut Membre -
kush91170 Messages postés 65 Statut Membre -
Bonjour à tous,
Je suis actuellement en phase de production de mon site perso. J'ai repéré une page que j'ai vraiment aimée et j'aimerais faire le même type sur ma page principale. Le principe est simple, lors du scroll, la page se coupe en deux verticalement, pour passer à l'autre page derrière. Pour illustrer mon explication voici le site en question : https://www.cinematheque.fr/zooms/demy/fr/index.php
C'est la première page, lorsqu'on clique sur "entrer". J'aimerais savoir comment je pourrais faire ça. Merci d'avance pour vos réponses !! :)
Je suis actuellement en phase de production de mon site perso. J'ai repéré une page que j'ai vraiment aimée et j'aimerais faire le même type sur ma page principale. Le principe est simple, lors du scroll, la page se coupe en deux verticalement, pour passer à l'autre page derrière. Pour illustrer mon explication voici le site en question : https://www.cinematheque.fr/zooms/demy/fr/index.php
C'est la première page, lorsqu'on clique sur "entrer". J'aimerais savoir comment je pourrais faire ça. Merci d'avance pour vos réponses !! :)
A voir également:
- Renseignement technique utilisée
- Logiciel dessin technique gratuit - Télécharger - CAO-DAO
- Notice technique pdf - Guide
- Faux support technique - Accueil - Arnaque
- Pcs problème technique aujourd'hui - Forum Consommation & Internet
- Fdj suite à une erreur technique merci de réessayer ultérieurement ✓ - Forum Réseaux sociaux
1 réponse
Bonjour
en fait ca ne change pas de page
ce sont 2 div en position absolute et par dessus le reste avec z-index
au clic sur entrer les 2 div obtiennent un margin left et right négatifs (-50%)
grace à la function animate() de jquery
http://jquery.developpeur-web2.com/documentation/effets/animate.php
donc
html : 2 div + le reste du contenu
css : 2 div en position absolute et par dessus avec z-index
jquery : fonction click() fonction animate() + bibliothèque jquery
en fait ca ne change pas de page
ce sont 2 div en position absolute et par dessus le reste avec z-index
au clic sur entrer les 2 div obtiennent un margin left et right négatifs (-50%)
grace à la function animate() de jquery
http://jquery.developpeur-web2.com/documentation/effets/animate.php
donc
html : 2 div + le reste du contenu
css : 2 div en position absolute et par dessus avec z-index
jquery : fonction click() fonction animate() + bibliothèque jquery
$(document).ready.(function(){
$( "#go" ).click(function() {
$( "#left" ).animate({
marginLeft: "-50%",
left: "-=50"
}, 1500);
});
});
$(document).ready.(function(){
$( "#go" ).click(function() {
$( "#right" ).animate({
marginRight: "-50%",
right: "-=50"
}, 1500);
});
});