Fixer une div à un moment du scrolling.

[Résolu/Fermé]
Signaler
Messages postés
387
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
31 août 2017
-
Messages postés
387
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
31 août 2017
-
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.

2 réponses

Messages postés
1640
Date d'inscription
dimanche 21 octobre 2012
Statut
Membre
Dernière intervention
10 décembre 2016
495
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
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 42674 internautes nous ont dit merci ce mois-ci

Messages postés
387
Date d'inscription
dimanche 31 juillet 2011
Statut
Membre
Dernière intervention
31 août 2017
71
Merci :) Le lien sur le site de Mozilla m'a aider.
Je vais utiliser le principe pour changer de style à ma div !

Merci encore !