Fixer une div à un moment du scrolling.

Résolu/Fermé
bik225 Messages postés 387 Date d'inscription dimanche 31 juillet 2011 Statut Membre Dernière intervention 31 août 2017 - Modifié par bik225 le 16/06/2013 à 15:19
bik225 Messages postés 387 Date d'inscription dimanche 31 juillet 2011 Statut Membre Dernière intervention 31 août 2017 - 16 juin 2013 à 15:59
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

Utilisateur anonyme
16 juin 2013 à 15:29
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
bik225 Messages postés 387 Date d'inscription dimanche 31 juillet 2011 Statut Membre Dernière intervention 31 août 2017 72
16 juin 2013 à 15:59
Merci :) Le lien sur le site de Mozilla m'a aider.
Je vais utiliser le principe pour changer de style à ma div !

Merci encore !
0