Display DIV sans prendre de la place

Bonjour à tous
J'ai un DIV caché (visibility : hidden; display: none) qui doit afficher un texte. La position de ce DIV est "STICKY" pour qu'il reste tout le temps au centre de la page s'il est affiché.
Lorsque j'affiche ce DIV, j'utilise les propriétés (visibility : visible; display: block).

Le DIV s'affiche en prenant forcement de la place (espace) en haut de la page.

Y'a-t-il un moyen de supprimer cet espace au moment d'afficher le DIV ?

ou alors, y'a-t-il une autre méthode qui me permettrait d'afficher un texte en position "STICKY" sans qu'il ne prenne de la place en haut de la page ? (quelque chose comme une fenêtre PopUp ou comme Window.Open)

Merci

Bonjour,
question bête mais pourquoi en sticky ?
Si tu veux qu'il soit immobile sans prendre de place autant utilisé fixed ?

J'ai eu le même "problème" sur sticky sans trouvé de solution ...
Parce que ca reste le comportement normal du bazar :weird:

Cdt

Bonjour,
question bête :aie:, pourquoi utiliser visibility ET display ?

• avec visibility:hidden la place de l'élément dans le flux est préservée et occupe donc son espace sur la page, on ne le voir tout simplement pas tout comme opacity:0.
• avec display:none l'élément est enlevé du flux et donc n'occupe plus d'espace sur la page.

Ressources :

• Propriété visibility
• Propriété display

Salut
Merci pour les réponses.
Fixed ou sticky, peu importe car c'est le même résultat.

Peut-il y avoir une autre méthode même en remplaçant le DIV. Je pense à quelque chose qui se rapproche d'une fenêtre "window.open" qui ouvre une page (ex: PDF) dans une page ?

j'ai oublié de préciser que c'est un div qui contient du texte d'information et qui ne fait pas partie de la structure (un div conteneur). il ne doit pas en faire partie, c'est pour cela que je le positionne en haut et il doit venir au niveau d'un select au moment o je clique sur le select pour choisir un prénom dans une liste de prénoms.

J'en reviens à ma question, il sert à quoi le sticky ? Position relative sinon ? Tu n'as jamais dit qu'il ne devait pas bouger lors du défilement ...

Bonjour,

Au-delà de la question sur le positionnement, l'élément <dialog> ou tout au moins l'attribut 'popover' sont des solutions toutes trouvées pour répondre à votre problématique :

https://developer.mozilla.org/fr/doc...Element/dialog
https://developer.mozilla.org/fr/doc...ibutes/popover