In macOS können Benutzer festlegen, wann sie Scrollbalken in Fenstern sehen möchten. Dies wirkt sich auf alle Fenster im Betriebssystem aus, auch in Webbrowsern. Sie haben drei Möglichkeiten
- Automatisch basierend auf Maus oder Trackpad
- Beim Scrollen
- Immer
Das bedeutet, dass Sie sich entweder in einem Zustand befinden, in dem Sie sie ständig sehen, oder in einem Zustand, in dem Sie sie nur sehen, sobald das Scrollen durch andere Mittel begonnen wurde.
Die Option **Immer** ist ziemlich einfach. Wenn das Fenster gescrollt werden muss, ist der Scrollbalken da. Wenn nicht, ist er nicht da. Wenn der Scrollbalken da ist, quetscht er die Seite nach innen, um Platz dafür zu schaffen. Hier ist ein Beispiel, bei dem eine Seite von "Scrollen erforderlich" zu "Scrollen nicht erforderlich" wechselt, mit der Einstellung **Immer**.
Das unterscheidet sich von der Option **Beim Scrollen**, bei der der Scrollbalken den Inhalt **überlagert**. Hier ist ein Beispiel dafür.
Diese Screenshots sind der Grund, warum ich überhaupt darüber nachgedacht habe. Ein Benutzer hat sich bei CodePen bei uns gemeldet, weil er auf dieses Benachrichtigungssymbol nicht klicken konnte. Bevor ich etwas zusätzlichen Platz hinzufügte, um diese Überlappung zu verhindern, war eine gewisse Abdeckung möglich.
Verschärft durch die Tatsache, dass dieser Benutzer herauszoomte, was das Ziel noch kleiner machte, bis es vollständig verdeckt war.
Dies ist nur wirklich eine Überlegung für anklickbare Elemente, die sich am rechten Rand der Seite befinden. Wenn Ihnen das jemals Probleme bereitet, reicht es wahrscheinlich aus, dort etwas Polsterung hinzuzufügen. Oder machen Sie den anklickbaren Bereich nicht auf ein so schmales Ziel beschränkt. Hier in der WordPress-Verwaltung ist eine gewisse Überlappung möglich, aber der anklickbare Bereich ist groß genug, dass es keine Rolle spielt.
Gute Informationen. Es wäre vielleicht auch gut, das Verhalten für die Standardeinstellung
Automatisch basierend auf Maus oder Trackpadzu erwähnen, da diese möglicherweise häufiger als die anderen auftritt.Bei Verwendung nur des Trackpads verhält sich der Scrollbalken wie im Beispiel für die Überlappung. Solange jedoch eine Maus vorhanden ist, die nicht als Trackpad erkannt wird, verhält sich der Scrollbalken wie bei der immer vorhandenen Einstellung.
Ich habe seit kurzem keine Magic Mouse mehr benutzt, daher bin ich mir nicht sicher, wie sich diese verhält, aber das könnte eine weitere Sache sein, die man berücksichtigen muss. Allerdings sind sie zu diesem Zeitpunkt nur noch Randfälle.
Beachten Sie auch, dass Viewport-Einheiten Scrollbalken beinhalten (wenn auf immer gesetzt) – was zu einem horizontalen Scrollen führt, wenn ein Element eine feste Breite von 100 vw hat.
Allen ein frohes neues Jahr :-)
Wow, das ist faszinierend. Das haben wir in unseren UX-Tests irgendwie verpasst.
Ich verstehe es nicht… Ich überschreibe die Browser-Scrollbalken immer mit jQuery nicescroll beim Scrollen von Elementen (es setzt overflow auf hidden).
https://gist.github.com/Lewiscowles1986/d6339f0b33aa3871b947110c4ee70fb6
Sicher, Benutzer können die Einstellungen ertrinken, Betriebssysteme können schädlich sein, Browserhersteller können versuchen zu helfen und dabei schaden, aber es ist Ihre Website. Irgendwann müssen Sie auch sagen: „Das ist nicht mein Problem, ich versuche, das Wetter zu ändern oder die Sonne zu kontrollieren.“
Natürlich können und sollten Sie mit JS und CSS die Kontrolle übernehmen, wo immer möglich, um zu verbessern, aber es liegt nicht immer in unserer Verantwortung.
Ugh… entschuldigen Sie, aber ich verlasse sofort jede Website, die dieses schreckliche Scroll-Hijacking-Custom-Scrolling-Ding verwendet. Es fühlt sich so falsch und unnatürlich an. Es ersetzt wirklich ein kleines Problem durch eine Katastrophe.
Genau wie efraim sagte. Die Verwendung von jQuery nicescrolls bietet die schlechtestmögliche Benutzererfahrung. Es kommt der Reaktionsfähigkeit der Standard-System-Scrollbalken nicht einmal nahe. Apples Trackpad feuert Scroll-Ereignisse viel schneller als ein Mausrad, und das nicescrolls-Plugin kann das nicht verarbeiten.
Ich stimme zu, JS-Scrolling fühlt sich für mich immer „falsch“ an.
Benutzerdefinierte Scrollbalken bewirken das genaue Gegenteil von „verbessern“. Haben Sie zum Beispiel sicher bemerkt, wie träge sich Ihre Website anfühlt, oder? Das sind diese benutzerdefinierten Scrollbalken.
Benutzen Sie einfach SimpleBar, Leute :)
https://github.com/Grsmto/simplebar
Die Anzahl der Leute, die dies überrascht, und auch, wenn man ihnen zeigt, wie sie verschwinden, wenn man ein Trackpad oder eine Magic Mouse hat!
Eine Sache, die es wert ist zu wissen, wenn Sie eine Media Query verwenden möchten, ist JS. Angenommen, Sie verwenden auch Modernizr, dann gibt modernizr.mq (https://modernizr.com/docs#modernizr-mq) die korrekte Breite (mit oder ohne Scrollbalken) zurück, wohingegen $( window ).width(); dies nicht tut.
Außerdem hat Modernizr eine Prüfung auf hiddenscroll, die Sie verwenden können, um Elemente am rechten Rand der Seite auszugleichen.
Ja, wir sollten alle unsere Websites komplett neu gestalten, nur wegen einer dummen Implementierung einer optionalen Funktion. Denn natürlich kann Apple nichts falsch machen, also müssen sich die Websites ändern.
Denken Sie daran, dass auf Mobilgeräten Scrollbalken normalerweise nur beim aktiven Scrollen erscheinen. Sie können sich nicht mehr auf das klassische Verhalten verlassen.
Aber selbst auf Mobilgeräten kann man immer noch auf etwas am äußersten Rand tippen. Die macOS-Scrollbalken sind ein fehlerhaftes Design von Apple.
Entschuldigen Sie, aber das halte ich für falsch. Ich benutze macOS seit über 6 Jahren und hatte damit nie Probleme.
Ich betrachte jede sehr benutzerdefinierte Modifikation des Browsers (wie diese) als eine vorübergehende Modeerscheinung im Internet. Zum Beispiel erlaubte IE5 (ja, ich bin ein Oldtimer), die Scrollbalken einzufärben.
Ich liebe es, dass Macs den USB-Port nach vorne gebracht haben (erinnern Sie sich an Parallelports?) und so viele andere Technologien. Aber sie haben uns gleichzeitig eine 1-Tasten-Maus aufgedrängt. *Seufz*
Dies ist äquivalent zur 1-Tasten-Maus. Ich hasse es, dass die Scrollbalken mit dieser Einstellung so verdammt schwer zu bedienen sind. Und jeder, der sie benutzt, wird auf die gleichen Probleme stoßen wie Benutzer von 1-Tasten-Mäusen. Und irgendwann wird Funktion über Form siegen.
Wenn Sie zu der Art von Person gehören, die Form über Funktion stellt, dann ist es vielleicht in Ordnung, dass einige Dinge für Sie nicht richtig funktionieren, und vielleicht werden Sie irgendwann durch Ihre Frustration wieder zur Funktionsseite zurückkehren. (1-Tasten-Maus/farbige Scrollbalken)