Obtention du centre de la page à chaque scroll avec page séparé
Résolu
rasielblas
Messages postés
135
Date d'inscription
Statut
Membre
Dernière intervention
-
rasielblas Messages postés 135 Date d'inscription Statut Membre Dernière intervention -
rasielblas Messages postés 135 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Obtention du centre de la page à chaque scroll avec page séparé
- Supprimer page word - Guide
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
- Numéro de page word - Guide
- Page privée - Guide
1 réponse
Bonjour,
plutôt avec (window.offsetHeight - body.offsetTop + window.scrollHeight)/2 pour obtenir le centre vertical je pense:
window.offsetHeight donne la hauteur totale de la page
body.offsetTop la position à partir du haut de la page(par son parent)
window.scrollHeigth la position du scroll dans la page
ou leur équivalents JQuery
A recalculer à chaque scroll effectué(événement onChange ou lors de la génération de l’élément à afficher au centre) bien sûr.
A vérifier mais $("#mainContainer").offset().top donne la position à partir du haut de la page en pixels du parent de id=maincontainer donc ne tient as compte du scroll.
et
J'espére avoir compris la question bonne chance.
plutôt avec (window.offsetHeight - body.offsetTop + window.scrollHeight)/2 pour obtenir le centre vertical je pense:
window.offsetHeight donne la hauteur totale de la page
body.offsetTop la position à partir du haut de la page(par son parent)
window.scrollHeigth la position du scroll dans la page
ou leur équivalents JQuery
A recalculer à chaque scroll effectué(événement onChange ou lors de la génération de l’élément à afficher au centre) bien sûr.
A vérifier mais $("#mainContainer").offset().top donne la position à partir du haut de la page en pixels du parent de id=maincontainer donc ne tient as compte du scroll.
et
return elemTop<= 70 && elemTop>= -1185;est assez peu adapté aux différentes résolutions possibles et une valeur négative c'est possible que si offsetTop n'est pas toute la page mais que son élément parent n'est pas body ou window et comporte déjà un décalage.
J'espére avoir compris la question bonne chance.
Encore merci à tous! et bonne journée! ;-)