Bonjour, j'ai un petit souci !!
En fait je cherche à placer une icône dans le coin inférieur droit de l'écran que sa se déplace avec le scroll. Voilà ce que je fais :

.icon{
     border-radius: 4px;
     bottom: 60px;
     right: 40px;
     position : fixed;
 }

Là l'icôn est bien positionner mais ne se déplacer pas avec le Scroll.

7 réponses


Tekrai
Réponse acceptée

Bonjour, je pense que le principe que tu recherches est le même que celui-ci :

https://www.w3schools.com/howto/howto_js_sticky_header.asp

C'est pour un header qui reste fixé en scrollant, mais je pense que le principe peut s'appliquer à ton cas en modifiant un peu le code.

Jeffrey9111
Réponse acceptée

Exactly what I needed! You just saved me several hours. Thanks!

utilise du javascript pour ça !

ou si c'est un icone genre un i , alors essaide mettre.icon i {
border-radius: 4px;
bottom: 60px;
right: 40px;
position : fixed;
}
peut etre que le prblm se regleras puis pense a faire en sorte qu'on puisse scroller hein.

Eric237
Auteur

bonjour !! merci de ta réponse. Mais ta deuxième solution ne fonctionne pas.
En fait je cherche à fixé cette icône sur le coin de l'écran peut importe la possition du Scroll vertical un peu comme les boutons de partage des réseaux sur certains sites.

J'aurais testé simplement position:absolute;

Bonjour, ce que tu cherche c'est ca : https://www.w3schools.com/howto/howto_css_sticky_element.asp
Utiliser la position sticky, pas besoin d'utilier du js