[Javascript] Bloc toujours à la même position
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour à tous !
Je cherche à ce qu'un bloc (div,...) reste toujours au premier plan et à la même position par rapport à la fenêtre, peut importe le scroll. C'est-à-dire qu'un bloc est à une position définie, et quand on descend dans la page, il est "embarqué" par la barre du navigateur XD ! Exactement comme le lecteur de Deezer.
Peut-on faire cet effet avec jQuery, sinon Javascript ?
Merci d'avance !
Je cherche à ce qu'un bloc (div,...) reste toujours au premier plan et à la même position par rapport à la fenêtre, peut importe le scroll. C'est-à-dire qu'un bloc est à une position définie, et quand on descend dans la page, il est "embarqué" par la barre du navigateur XD ! Exactement comme le lecteur de Deezer.
Peut-on faire cet effet avec jQuery, sinon Javascript ?
Merci d'avance !
A voir également:
- [Javascript] Bloc toujours à la même position
- Ma position - Guide
- Bloc-notes (windows) - Télécharger - Traitement de texte
- Suivi position google - Guide
- Code bloc - Télécharger - Langages
- Telecharger javascript - Télécharger - Langages
1 réponse
J'ai réussi !
Pour ceux qui sont curieux, j'ai créé un div repère, pour savoir où est la fenêtre du visiteur par rapport à la page :
Et ensuite, en jQuery :
Et donc si le repère est à plus de 100px du haut de la page, j'utilise position:fixed.
Sinon, position:absolute. Et paf Lol !
Merci en tout cas à ceux qui ont réfléchis!
Au fait, si vous avez une solution plus "classe", je suis preneur ;-)
Pour ceux qui sont curieux, j'ai créé un div repère, pour savoir où est la fenêtre du visiteur par rapport à la page :
<div id="repere" style="position:fixed;top:0px;visibility:none"> </div>
Et ensuite, en jQuery :
$(window).scroll(function (){
if($("#repere").position().top <= 100){
$("#Flottant").css({position:"absolute",top:"100px"});
}else{
$("#Flottant").css({position:"fixed",top:"0px"});
}
});
Et donc si le repère est à plus de 100px du haut de la page, j'utilise position:fixed.
Sinon, position:absolute. Et paf Lol !
Merci en tout cas à ceux qui ont réfléchis!
Au fait, si vous avez une solution plus "classe", je suis preneur ;-)