Discussion :

[surpriz13]

Bonsoir à tous


Sur cette page : http://jobeo.co/poste/datawords-leva...-js-junior-hf/ il y a sur la droite le logo de la société et au dessous un bouton "Postuler" - C'est l'encadré rouge sur le fichier attaché.



Je cherche à le rendre fixe quand nous scrollons vers le bas de la page. Même après avoir essayé les position : fixed etc ... rien n'y fait.

Auriez-vous des conseils ?

Merci à vous.

[NoSmoking]

Bonjour,

Même après avoir essayé les position : fixed etc ...

certes mais de quelle façon, il n'y a aucune raison que cela ne fonctionne pas.

[surpriz13]

Bonsoir,

J'ai essayé comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div#job_application application {
position: fixed;
}

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#job_application application {
position: fixed;
}

ou encore

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.application_button {
position: fixed;
}

[NoSmoking]

Je ne vois pas trop ce que tu as essayé, il te faut plutôt cibler le conteneur

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="job-meta col-md-2 col-sm-6 col-xs-12">

avec par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.job-meta {
    position: fixed;
    right: 0px;
    top: 0px;
}

[surpriz13]

C'est génial. Merci infiniment pour ton aide.

Pour aller plus loin, comment puis-je faire pour que le "suivi" ne commence pas dessuite mais seulement arriver à un certain point "bas" du site ?

[NoSmoking]

Pour aller plus loin il te faudra te tourner du coté de javascript en testant la position du scroll de la page mais tu ne devrais pas avoir de peine à trouver des exemples.