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.
A voir également:
- Fixer une div à un moment du scrolling.
- Div c++ - Télécharger - Langages
- Pourquoi la tnt ne fonctionne pas en ce moment ? - Guide
- Fixer colonne excel - Guide
- Votre correspondant est injoignable pour le moment ✓ - Forum Mobile
- Smartscreen est inaccessible pour le moment ✓ - Windows 11
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
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
