Benutzerdefinierte oder browser-native Bildlaufleisten

Das Einfügen von anpassbaren, JavaScript-basierten Bildlaufleisten (und Bildlauffunktionen im Allgemeinen, dh das Binden des Steuerelements an das Mausrad) in Ihre Webanwendung kann eine große Versuchung sein.

Alle Lösungen, die ich finden konnte, wurden jedoch von Einzelpersonen entwickelt (was einem Mangel an formeller oder zukünftiger Unterstützung gleichkommen kann). Außerdem kann ich mich an keine Mainstream-Site erinnern, die sie verwendet.

In meinem speziellen Fall sollen Umgebungen ohne JavaScript oder IE6 / ungerade Browser nicht unterstützt werden.

Sollten benutzerdefinierte Bildlaufleisten heutzutage vermieden werden? Wenn nicht, welche Option kann man am besten wählen?

Ein sehr wichtiges Argument, das mich in Bezug auf die Benutzerfreundlichkeit immer überzeugt, ist die Konsistenz. Möglicherweise möchten Sie, dass alle Handles auf Ihrer Website gleich aussehen, aber überlegen Sie, wie jemand Ihre App oder Website verwendet. Sie benutzen nicht nur deine, sie benutzen Lasten. Tatsächlich habe ich gerade 8 Registerkarten mit 6 verschiedenen Websites geöffnet. Ich kann zu jeder Registerkarte wechseln und habe immer noch die gleiche Bildlaufleiste, die gleich aussieht, egal wo. Ich weiß immer, wo ich meinen Inhalt scrollen kann.

Also, wenn es überhaupt möglich ist und es keinen Grafikdesigner verärgert, bleiben Sie bei dem, was die Leute wissen :) Es sei denn, Sie haben eine brillante neue Idee, die eine neue Revolution im Scrollen sein wird!

Wenn Sie Ihre eigenen benutzerdefinierten Bildlaufleisten hinzufügen, müssen Benutzer einige Momente warten und diese in ihren Gedanken verarbeiten, bevor sie sie verwenden können. Dies ist nicht immer gut - Sie haben bereits Inhalte auf Ihrer Website, die Benutzer sehen und verstehen können. Lassen Sie alles andere wie erwartet ablaufen.

Versuchen Sie immer, Ihre Website EINFACH zu navigieren. Schönheit sollte keine Erkenntnis verlangen (oder aktivieren) .

Ich denke, dass das Ersetzen von Bildlaufleisten keine gute Idee ist. Wenn Sie an ein Betriebssystem und einen Browser gewöhnt sind, erfordert das Scrollen nicht viel Eingabe von Ihrem Gehirn. Schön gestaltete zu haben ist fantastisch, aber Sie werden Ihre Kunden verwirren. Reicht der Mehrwert aus, um den Ärger für die Faust auszugleichen, wenn sie ihn einige Male benutzen?

Meine Idee ist, dass die Verwendung von benutzerdefinierten Bildlaufleisten, wenn sie im Rahmen der Ästhetik bleiben, dh so aussehen, als würde man nur den Skin der Standard-Bildlaufleiste ändern, keine schlechte Idee ist. Benutzer verstehen sofort andere benutzerdefinierte Teile einer Webseite wie benutzerdefinierte Schaltflächen, benutzerdefinierte Kontrollkästchen usw. Haben Sie Probleme, das anklickbare Attribut von Abstimmungsschaltflächen in Stackexchange-Sites zu verstehen? Oder haben Sie Probleme bei der Interaktion mit benutzerdefinierten Eingabetextfeldern zum Markieren von Fragen auf Stackexchange-Websites oder in Yahoo Mail? Bildlaufleisten können auch von Endbenutzern schnell erkannt werden, sofern sie das Layout oder die erwartete Funktionalität des Browsers nicht ändern, z. B. in umgekehrter Richtung scrollen oder eine kreisförmige Bildlaufleiste erstellen. Sie können loslegen, solange Sie nur die Haut verändern.

Es gibt jedoch einige Probleme mit benutzerdefinierten Bildlaufleisten, die Sie berücksichtigen sollten:

1. Sie benötigen normalerweise viel Zeit, um browserübergreifend zu werden
2. Sie sind möglicherweise nicht vorwärtskompatibel, dh wenn neue Versionen von Browsern veröffentlicht werden, kann dies zu Funktionsstörungen führen.
3. Sie müssen das Bildlaufverhalten manuell implementieren. Berücksichtigen Sie für dieses Element HTML-Schaltflächen. Wenn Sie disabled='disabled'ihnen Attribute hinzufügen , akzeptiert der Browser einfach keine Klicks mehr und gibt sie nicht mehr ein. Wenn Sie jedoch ein <div>Element verwenden, um das Verhalten einer Schaltfläche nachzuahmen, sollten Sie das deaktivierte Verhalten selbst implementieren. Benutzerdefinierte Bildlaufleisten sollten auch Bildlauffunktionen implementieren, die bereits vom Browser implementiert wurden.

Trotz der Aussagen empfehle ich Ihnen, ein Hobbyprojekt (keine Produktion) zu starten, um die Verwendung und Implementierung benutzerdefinierter Bildlaufleisten kennenzulernen. Auf dieser Seite finden Sie gute Beispiele.

Jacob Nielsen hat einen großartigen Eintrag über Bildlaufleisten und was Sie damit machen sollten. Er empfiehlt ausdrücklich, die Bildlaufleisten des Betriebssystems nicht zu verwenden, und warnt vor horizontalem Bildlauf.