Beim scrollen soll das Bildmaterial über der Skala stehen bleiben

Question

Hallo zusammen,

im jeweiligen Konstrukt unter "Weitere Einstellungen" -> "Kopfzeile" kann man einstellen, dass die Kopfzeile beim Scrollen sichtbar bleibt. Ich möchte dasselbe für ein Bild machen. In meinem Fragebogen sehen die Probanden eine Werbeanzeige, auf die anschließend verschiedene Fragen folgen. Damit die Werbeanzeige beim Beantworten der Fragen sichtbar bleibt, möchte ich sie ähnlich wie die Kopfzeile fixieren.

Gibt es diese Möglichkeit überhaupt?

Vielen Dank im Voraus für Eure Hilfe!

Answer 1

Sie können hier ein wenig mit CSS arbeiten. Versuchen Sie mal folgenden HTML-Code:

<div style="background-color: white; position: sticky; top: 40px; border: 2px solid #CCCCCC; padding: 2em; text-align: center;">
    <img src="BILDNAME.jpg" alt="" style="max-width: 100%;">
</div>

Der wesentliche Teil ist position: sticky - den Rest müssten sie an Ihr Layout und den Kontext anpassen.

Comments

Oh super, tausend Dank für die schnelle und sehr hilfreiche Rückmeldung!