it-swarm.com.de

Sollte ich die Verwendung eines Scroll-Div vermeiden?

Ich implementiere derzeit einen Prototyp von Lisa Tweedies Antwort auf meine Frage zu viele Kontrollkästchen .

Der Prototyp, den ich baue, sieht dem ziemlich ähnlich: enter image description here

Problem: Ich arbeite an einem 24-Zoll-Monitor, daher sieht der Bildschirm folgendermaßen aus:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Ich entwerfe für die niedrigste Auflösung von 1024 x 768. Wenn ich das tue, wird das Modell (Double-Scrolling-Problem):

mockup

bmml Quelle herunterladen

Sollte ich einfach das Bildlauf-Div loswerden und die Bildlaufleiste des Fensters verwenden? Gibt es einen Vorteil bei der Verwendung des Bildlauf-Divs, wenn wir das Problem des doppelten Bildlaufs ignorieren? Selbst dann kann der Benutzer auf einem großen Monitor, wenn der Inhalt lang genug ist, damit das Fenster gescrollt werden kann, das Fenster bis zu einem Punkt scrollen, an dem die Bildlaufleiste des Bildlauf-Divs nicht vollständig sichtbar ist.

Gibt es neben der Verwendung in sehr kleinen Bildlauf-Divs und Leuchtkästen wie diesen eine Verwendung für das Scrollen von Divs auf einer Seite?:

enter image description here

enter image description here

7
F21

Sie möchten in zwei Fällen ein scrollendes Div:

  1. Es gibt Inhalte außerhalb des Bildlauf-Divs, die sich auf die Auswahl innerhalb des Bildlauf-Div auswirken. Wenn in diesem Beispiel Ihre Entscheidung, welche Kontrollkästchen aktiviert werden sollen, durch Informationen außerhalb des Bildlauf-Divs beeinflusst wurde, ist es wichtig, dass Sie dies können Sehen Sie diese Informationen beim Scrollen.

  2. Nicht jeder Benutzer interagiert mit dem Inhalt des scrollenden Div. Wenn das div scrollbar ist, können diese Benutzer den Inhalt ignorieren, ohne die gesamte Seite darüber scrollen zu müssen.

Wenn einer der beiden Fälle zutrifft, verwenden Sie das Bildlauf-Div. Wenn dies nicht der Fall ist, scrollen Sie die gesamte Seite.

4
J. Jeffryes

Der Grund, warum wir scrollendes div verwenden, besteht darin, das Fenster statisch zu halten. Damit Benutzer nur durch Inhalte scrollen können, ohne das Fenster jedes Mal verschieben zu müssen.

Wenn Ihre Seite eine Fensterbewegung erfordert (aufgrund des großen Inhalts), ist es besser, den div-Bildlauf wegzulassen, da Benutzer zweimal scrollen müssen. Ich sehe das als eine schlechte UX.

In der Zwischenzeit können Sie versuchen, das Paging-Konzept von Facebook oder Twitter zu verwenden, um weitere Kontrollkästchen in das div selbst zu laden. Nach meiner persönlichen Meinung würde es auch ansprechend aussehen.

0
sree

Da Sie zwei verschiedene Indikatoren für die Mitglieder Ihrer Sammlung haben (das obere Listenfeld und die Kontrollkästchen), können Sie die Benutzer sicher die gesamte Seite scrollen lassen und das obere Listenfeld aus den Augen verlieren. Ich empfehle in diesem Fall die Verwendung eines separaten Scroll-Div.

0
sirtimbly

Aus Gründen der Barrierefreiheit (WCAG 2.0) und des Komforts würde ich ein Scrollen in einer Seite vermeiden, die Sie nach unten scrollen können.

Probieren Sie es auch auf einem Handy aus. Sie werden feststellen, wie frustrierend es für mobile Benutzer ist, auf eine Website wie diese zu gelangen. Was Sie tun können, ist, den oberen Teil (ausgewählte Rollen) mit der absoluten Position in CSS zu sperren und den Rest normal fließen zu lassen.

0
user15272