[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 !
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 :
<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 ;-)
