Fixer une div à un moment du scrolling.
Résolu
bik225
Messages postés
387
Date d'inscription
Statut
Membre
Dernière intervention
-
bik225 Messages postés 387 Date d'inscription Statut Membre Dernière intervention -
bik225 Messages postés 387 Date d'inscription Statut Membre Dernière intervention -
Bonjour !
Je cherche à savoir comment faire pour qu'une div à un moment donné du scrolling soit fixed
Voici un exemple, comme la partie partage de cet article sur le site The Next Web : https://thenextweb.com/microsoft/2013/06/14/if-youre-not-this-list-of-21-countries-you-might-not-get-to-use-the-xbox-one/
A un moment donné lorsqu'on défile, la div est arrtibuée avec la class="fixed", et position:fixed. Tandis qu'avant elle avait une class="clearfix"...
Voilà, j'aimerai savoir comment faire ceci.
Merci.
Je cherche à savoir comment faire pour qu'une div à un moment donné du scrolling soit fixed
Voici un exemple, comme la partie partage de cet article sur le site The Next Web : https://thenextweb.com/microsoft/2013/06/14/if-youre-not-this-list-of-21-countries-you-might-not-get-to-use-the-xbox-one/
A un moment donné lorsqu'on défile, la div est arrtibuée avec la class="fixed", et position:fixed. Tandis qu'avant elle avait une class="clearfix"...
Voilà, j'aimerai savoir comment faire ceci.
Merci.
2 réponses
-
Bonjour,
A mon avis ils utilisent l'événement OnScroll pour capturer quand on défile la page et ils changent le style de la div en Javascript quand elle atteint une limite.
Le code de la page est fort compliqué à suivre mais ceci pourrait peut être te donner quelques pistes :
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onscroll
https://stackoverflow.com/questions/10071286/javascript-change-div-style -
Merci :) Le lien sur le site de Mozilla m'a aider.
Je vais utiliser le principe pour changer de style à ma div !
Merci encore !
