it-swarm.com.de

Löwenartige Bildlaufleiste mit jQuery?

Kennt jemand ein jQuery-Plugin, das Bildlaufleisten im Mac OS X Lion-Stil für jeden Browser erstellt?

Danke im Voraus.

Edit: Hier ist ein Bild für Windows-Benutzer

enter image description here

49
Tronic

Antiscroll ist wahrscheinlich einer der besten verfügbare Plugins, die die Bildlaufleisten von Mac OS X Lion in jedem Browser neu erstellen.

Einige der großartig Funktionen von Antiscroll:

  1. Ein- und Ausblenden
  2. Größe des Containers kann dynamisch angepasst werden und Bildlaufleisten passen sich an
  3. Unterstützt Mausräder, Trackpads und andere Eingabegeräte von Haus aus
  4. Blendet beim Schweben Bildlaufleisten ein
  5. Unterstützt IE7 +, Firefox 3+, Chrome, Safari, Opera

enter image description here

Demo: http://automattic.github.io/antiscroll/

42
Nathan

Interessantes Zeug, ich habe ein Plugin geschrieben, das genau das macht. Es heißt LionBars .

43
Nikolay Dyankov

nanoScroller.js ist ein mit Coffeescript codiertes jQuery-Plugin, das seine Aufgabe erfüllt: http://jamesflorentino.github.com/nanoScrollerJS/

13
Murat Çorlu

Das scrollpane Jquery Plugin ist das am nächsten kommende.

siehe die Raute Demo.

Um es Lion ähnlicher zu machen, können Sie es so anpassen, dass der Balken nur angezeigt wird, wenn Sie den Mauszeiger über das Div bewegen, und sicherstellen, dass Sie die Funktion animateEase verwenden.

Oh und für extra Apple Gott, ändere die Richtung der Schriftrolle so, dass runter rauf und rauf runter geht :-)

3
Ash

An dem Tag, an dem Lion veröffentlicht wurde, mochte ich die Bildlaufleiste im Betriebssystem sehr. Die Browser haben bereits eine schicke Standard-Bildlaufleiste, aber ich dachte, wie wäre es mit Windows-Benutzern?.

Es befindet sich noch im Aufbau, kann aber hilfreich sein: OSX Scroll

Basierend auf tinyscrollbar habe ich aber einige Anpassungen vorgenommen. Sie können das automatische Ausblenden aktivieren (wie im Betriebssystem). Schauen Sie sich einfach die Quelldateien an.

Ich hoffe es hilft.

3
FinchSol

Dies ist eine alte Frage, aber vielleicht interessiert sich noch jemand für meine Version:

Quelle: https://github.com/pixelass/customScrollBar

Beispiel: http://pixelass.github.io/customScrollBar/

Dieses Plugin repliziert die Bildlaufleiste genauer als Antiscroll oder Nicescroll .. etc.

Das Plugin erlaubt die volle Kontrolle über die Bildlaufleisten (derzeit nur vertikal) und benötigt keine mousewheel.js (wie die meisten Plugins). Diese Abhängigkeit zu entfernen war das Hauptziel meiner Version.

Das Scroll-Ereignis wird ebenfalls abgehört (wie das Antiscroll-Ereignis). Das Einblenden und die Größenänderung des Hovers auf den Bildlaufleisten fehlten bei allen anderen Plugins, die ich gefunden habe. Meine Version enthält ein Beispiel, um zu zeigen, wie dieser Effekt erzielt werden kann.

Es gibt optionale (Pseudo-) Ereignis-Listener "scrollEnded" "clicked", die ausgelöst werden, wenn der Bildlauf des Benutzers beendet ist oder wenn auf den Bildlaufleisten-Daumen geklickt wird.

Dieses Plugin erlaubt auch fast jede erdenkliche Art und Einstellung der Bildlaufleiste als Klickpfeile (Auf-Ab-Pfeile).

Alpha

Dies ist immer noch Alpha (Zeitpunkt der Veröffentlichung), aber die Entwicklung wird im Laufe der Zeit fortgesetzt.

2
user950658

Benutze mein Plugin: scrollYo

Es wird ein einfacher Ansatz verwendet, um die Rolle innerhalb des eigenen Elements zu erstellen. Sie müssen also keine weiteren Elemente hinzufügen, damit es rollt.

1
silviomoreto

jScrollPane plus ein bisschen Modifikation würde reichen.

This ist ein Tutorial darüber.

0
roxes

This man hat Bildlaufleisten wie auf dem Mac und ist sehr einfach zu installieren. Grundsätzlich können Sie mit CSS jede Haut auftragen, die Sie mögen.

0
mattie

nanoscroller oder nicescroller wäre eine bessere Option für einen reibungslosen Bildlauf.

0
Ayush Rastogi