Forum : Positionner une icon

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.

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!

mickael ferri

utilise du javascript pour ça !

mickael ferri

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.

Alainpre

J'aurais testé simplement position:absolute;

ZsasZ99

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

Positionner une icon

7 réponses