Positionner une icon

Par Eric237, il y a 6 ans

Les bases HTML/CSS

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

mickael ferri, il y a 6 ans

utilise du javascript pour ça !

mickael ferri, il y a 6 ans

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, il y a 6 ans

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.

Tekrai, il y a 6 ans

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, il y a 6 ans

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