CSS: Fixed Element in einem Fixed Element

wario

Dabei seit: 22.08.2015

Beiträge: 192
#1

CSS: Fixed Element in einem Fixed Element

28.05.2020, 16:10

Ist es möglich, ein Fixed Element in einem anderen Fixed Element zu platzieren, bspw. in einem Bootstrap-Modal?

Alles was ich über Google finde ist das es nicht geht, da sich das innere Fixed Element relativ zum äußeren verhält.

Also bspw. ein Fixed Modal zu haben was 100% der Höhe und der Breite des Bildschirms einnimmt, selbst horizontal scrollbar ist und in sich einen Button / CTA / Popup beherbergt / trägt, der unabhängig vom Scrollen immer an der selben Stelle fixiert bleibt?
Stichworte: -
tomBuilder

Dabei seit: 22.05.2017

Beiträge: 4685
#2

29.05.2020, 05:47

please read:
https://stackoverflow.com/questions/...position-fixed

und/oder poste Code
Kommentar
protestix

Dabei seit: 30.06.2016

Beiträge: 7719
#3

29.05.2020, 17:48

Zitat von wario Beitrag anzeigen

Alles was ich über Google finde ist das es nicht geht, da sich das innere Fixed Element relativ zum äußeren verhält.

richtig. Fixed ist einmalig und hat nur eine Orientierung, den Viewport.

aus MDN fixed

Die Verschiebung orientiert sich am Viewport. Das Element wird aus dem normalen Fluss gelöst und bleibt auch beim Scrollen an seiner fest definierten Position. Beim Drucken wird das Element auf jeder Seite an der positionierten Stelle angezeigt
Kommentar

psoido

29.05.2020, 21:28

HTML-Code:

<body>
<div class="fixed overflow">
<div class="relative">
<div class="fixed">
<button></button>
</div>
</div>
</div>
</body>

Kommentar

zorro001

Dabei seit: 10.01.2020

Beiträge: 52
#5

30.05.2020, 21:07

psoido
ja und??? was willst du uns damit sagen???
Kommentar
protestix

Dabei seit: 30.06.2016

Beiträge: 7719
#6

31.05.2020, 01:32

Ich denke er will damit zum Ausdruck bringen, dass wenn ein fixed Element einem relativ positioniertem folgt sich das fixed Element nicht an dem Viewport orientiert sondern am relativ Positioniertem.
Zumindest verhält es sich so, auch wenn es die Spezifikation nicht so klar zum Ausdruck bringt.
Kommentar
wario

Dabei seit: 22.08.2015

Beiträge: 192
#7

06.06.2020, 21:27

Danke für eure Antworten, ich habe selbst eine Lösung gefunden: Ein absolut positioniertes Element zwischen den beiden fixed Elementen bzw. als Container für das innere fixed Element. Mag nicht ganz sauber sein, aber in der Situation ging es nicht anders.
Kommentar