So scrolle ich genau so

Wie können Sie feststellen, ob eine Webseite (oder ein bestimmtes Element) scrollbar ist? Das Vorhandensein einer Scrollbar ist ein klarer Indikator. Während die Debatten über den Inhalt "über dem Falten" bestehen, werden die Funktion und Bedeutung einer Bildlaufleiste im Allgemeinen verstanden.

Scrollbars sind jedoch oft versteckt. MacOS zum Beispiel verbirgt sie, es sei denn, sie scrollen aktiv. Mobile Browser fehlen häufig sichtbare Scrollbars, selbst wenn overflow: scroll; wird angewendet.

Dies ist von Bedeutung, da ein unentdeckter spürbarer Bereich den entscheidenden Inhalt oder die Funktionalität verdecken kann.

Betrachten Sie Tyler Halls "perfekt geschnittene" Anekdote. Ein iOS -Bildschirm mit wesentlichen Funktionen erforderte das Scrollen, lieferte jedoch keinen visuellen Hinweis, der dies anzeigt. Die Konsequenz? Tylers Mutter konnte keine vertraute Funktionalität lokalisieren - ein erhebliches Usability -Versagen.

Während es Methoden gibt, um sichtbare Scrollbars zu erkennen und zu erzwingen, haben sie Nachteile. Sie können Benutzerpräferenzen überschreiben, DOM-Manipulation verlangen und sich auf potenziell veraltete CSS-vorgefertigte CSS verlassen.

Chris Smiths Ansatz bietet eine überlegene Alternative:

Schattenbasierte Techniken sind besonders effektiv. Ein einschlossener Schatten schlägt eindeutig den zugrunde liegenden Inhalt vor, wobei der Schatten selbst als visueller Hinweis für die Bildlaufrichtung fungiert. Diese CSS-Methode bietet eine hervorragende Kontrolle und Anpassungsfähigkeit an verschiedene UI-Kontexte. Es ist ein cleverer CSS -Trick, der JavaScript vollständig vermeidet.

Das obige ist der detaillierte Inhalt vonSo scrolle ich genau so. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!