[Javascript] Bloc toujours à la même position Résolu/Fermé

Question

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 !

Utilisateur anonyme · Answer

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 : $(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 ;-)

[Javascript] Bloc toujours à la même position

1 réponse

Discussions similaires