Kombifrage "Kopfzeile mit dem Fenster scrollen"

Question

Ich habe bei allen Teilfragen meiner Kombifrage
"Kopfzeile mit dem Fenster scrollen" eingestellt. In der Vorschau der
einzelnen Fragen funktioniert das auch wie vorgestellt. Bei der
kombinierten Darstellung ist das ganze jedoch fehlerhaft und wird als
ein großer weißer Balken gezeigt, der teilweise auch die Antworten
verdeckt. Für den Fall, dass das relevant ist noch die Info das in der mobilen Darstellung nur Frage 1&2 kombiniert sind und die 3. Frage darunter als Einzelfrage aufgeführt wird.

Hier noch der Pretest-Link zum Fragebogen. Er beginnt auf Seite 1. Man kann jedoch sofort weiter klicken und kommt dann auf die betreffende Seite. Dadurch können alle Fragebogen Elemente die im Hintergrund auf den Seiten davor eingefügt wurden für eine korrekte Darstellung genutzt werden. Pretest Link

Comments

Der Pretest-link funktioniert in Firefox m.E. korrekt. Allerdings bekomme ich mit dem Link auch die PC-Version.

Mit welchem Browser hatten Sie denn das Problem mit dem weißen Balken?

---

Stimmt habe es auch gerade mal getestet auf Firefox. Ich bin meistens auf Chrome da geht es nicht und jetzt habe ich es auch mal bei Edge ausprobiert da tritt das gleiche Problem wie bei Chrome auf.

---

Danke für die Info - dann sehen wir uns das nochmal genauer an.

---

Ich weiß nicht ob sich schon jemand dem Problem angenommen hat aber bei mir funktioniert das mit dem scrollen nach wie vor nicht auf Edge und Chrome. Über eine Lösung würde ich mich sehr freuen.

---

Ganz so schnell geht es nicht ... Wir haben noch 5 andere Problemchen (auch in recht speziellen Konstellationen) in der Warteschlange.

Answer 1

Danke für die Geduld. Ich musste zunächst einmal Ihre Fragen rekonstruieren (inkl. der vertikalen Beschriftung ... Sie hatten ja bereits an einigen Stellen gebastelt), um das Problem einzugrenzen.

Das Positive vorweg: Unter Windows funktioniert die fixierte Titelleite in Chrome m.E. problemlos. Im Pretest-Modus verschwindet das obere Ende unter dem orangen "Pretest" Balken, aber ansonsten sieht alles korrekt aus.

Anders verhält es sich im Chrome auf Mobilgeräten. Dazu vorab aber eine Warnung: Selbst mit nur 2 Skalen nebeneinander reicht dort m.E. der Platz nicht aus für Ihre Frage:

Die Itemtexte passen in der Hochformat-Ansicht einfach nicht neben die Auswahlfelder. Und wenn man die Befragten überzeugt, ins Querformat zu wechseln, dann (a) verschwendet das grüne Layout links noch Platz - das nehme ich auf die ToDo-Liste - und (b) reicht der Platz in der Höhe dann nicht mehr, um die Kopfzeile zu fixieren:

Die Funktion zum Fixieren der Titelleiste hat eine Sperre eingebaut, dass nichts fixiert wird, wenn dadurch mehr als ein Drittel der Bildschirmhöhe "blockiert" werden würde. Da Sie mit den vertikalen Labels schon sehr viel Platz verbrauchen, wäre das hier der Fall.

Meine ehrliche Empfehlung wäre, auf Mobilgeräten auf die kombinierte Frage zu verzichten. Schon alleine deshalb, weil ein guter Anteil der Befragten keine Lust haben wird, die Dreh-Sperre beim Handy abzuschalten und ins Querformat zu wechseln.

Aber wenn Sie Zeit und Aufwand investieren möchten, um es optimal zu lösen, dann wären folgende Schritt erforderlich: (1) Anpassung des Layouts, damit es die graue Leiste links im Querformat deaktiviert. Da sollte es reichen, die Pixel-Zahlen für die Media-Queries im Layout anzupassen. (2) Im Fall eines mobilen Endgeräts sollten die Beschriftungen wohl horizontal beschriftet werden, nicht vertikel. Mit einem Media-Query könnte man die Wirkung von div.vert anpassen. Allerdings muss man sich dann auch um die Breite der Eingabespalten kümmern und evtl. konditionale Trennsstriche (­) vorsehen, also manch­mal.

Unabhängig davon gibt es speziell mit Chrome auf Mobilgeräten offenbar noch einen Darstellungsfehler: Wie kann die Beschriftungszeile festgestellt werden? Der steht als nächstes auf der Liste zur Behebung.

Comments

Vielen Dank für Ihre Mühe. Wegen der mobilen Darstellung habe ich eine kleine Zusatzfrage, die ich aber in einer extra Frage stelle und die sich hoffentlich einfach lösen lässt.