Positionner une icon

Default
,

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éponse

Default
,

utilise du javascript pour ça !

Default
,

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.

Default
,

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.

Default
,

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.

Default
,

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

Default
,

J'aurais testé simplement position:absolute;

35291
,

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