CSS - Div avec position "fixed" quand scroll down
4 messages
• Page 1 sur 1
-
Anto1982 - WRInaute passionné

- Messages: 1334
- Inscription: 7 Mai 2009
CSS - Div avec position "fixed" quand scroll down
Bonjour a tous!
J'ai trouvé un site qui arrive a attribuer une position "fixed" a une div quand l'utilisateur scroll down.
La div se colle en haut de l'écran (et se décolle quand on remonte)
Observez le comportement de cette DIV sur la colonne du milieu contenant les adsense ici:
www.annonce-musique.com/instrument-musique-occasion-t6/
Est-ce que quelqu'un sait comment ils ont fait...?
Est-ce du pur CSS...? du CSS mélangé à du Javascript...?
Merci par avance de votre aide!
J'ai trouvé un site qui arrive a attribuer une position "fixed" a une div quand l'utilisateur scroll down.
La div se colle en haut de l'écran (et se décolle quand on remonte)
Observez le comportement de cette DIV sur la colonne du milieu contenant les adsense ici:
www.annonce-musique.com/instrument-musique-occasion-t6/
Est-ce que quelqu'un sait comment ils ont fait...?
Est-ce du pur CSS...? du CSS mélangé à du Javascript...?
Merci par avance de votre aide!
-
Anto1982 - WRInaute passionné

- Messages: 1334
- Inscription: 7 Mai 2009
Re: CSS - Div avec position "fixed" quand scroll down
Non, c'est plus compliqué que ça!
Au début par exemple, le bloc d'annonce est au milieu de l'écran (par exemple)
Quand on scroll down, le bloc se fixe en haut...!
Quand on scroll up, il finit par se détacher et retrouve sa place originelle...
Edit: C'est bon, j'ai trouvé, c'est bien du javascript mélangé à du CSS... Le code est un peu complexe mais en gros, le principe, c'est de récupérer la position du scroll avec javascript et en fonction de celle-ci attribuer une certaine classe au DIV...
Au début par exemple, le bloc d'annonce est au milieu de l'écran (par exemple)
Quand on scroll down, le bloc se fixe en haut...!
Quand on scroll up, il finit par se détacher et retrouve sa place originelle...
Edit: C'est bon, j'ai trouvé, c'est bien du javascript mélangé à du CSS... Le code est un peu complexe mais en gros, le principe, c'est de récupérer la position du scroll avec javascript et en fonction de celle-ci attribuer une certaine classe au DIV...
4 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- [CSS] Height avec les div en position absolute
- [Réglé] [CSS] Problème de largeur de "div"
- derniers resultats Google : scroll + div flottant
- css: Hauteur d'1 div container contenant une div float:left
- CSS : opacity scroll et select
- CSS : centrer un div
- Placement div et CSS
- Div css et image
- problème de div et de css...
- [HTML/CSS] Problème DIV
- l'attribut rel=nofollow contre le spam de commentaires ?
- Classement Xiti/1ère Position des outils de recherche en France - Juillet 2002
- Selon 1ère Position / Xiti, "Google monte toujours !"
- Google gagne encore beaucoup de terrain
- Classement Xiti/1ère Position des outils de recherche en France - Août 2002
- Séminaires Google et Netlinking - 6 et 7 octobre 2004
- Le triangle d'or des pages de résultats Google
- Le 1er magazine papier avec des liens cliquables
- Trouver la position d'un site dans Google
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Google, pour certains mots-clés recherchés. - Trouver la position d'un site dans Yahoo
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Yahoo, pour certains mots-clés recherchés.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités


