Unendliches Scrollen verkörpert eines der idealen Attribute eines guten Designs: Menschen können es benutzen, ohne darüber nachzudenken.
Wenn du es ein paar Mal gesehen hast, vergisst du es. Ich würde sagen, dass die meisten von uns erwarten, dass bestimmte Anwendungen oder bestimmte Anwendungen einfach mehr Inhalt laden, wenn wir auf den unteren Rand einer Seite kommen. Und warum nicht? Es ist effektiv und oft praktisch.
In manchen Kontexten kann das ständige Klicken auf aufeinanderfolgende Seiten schnell zu einem Problem werden. In diesen Fällen ist die Paginierung kein hilfreiches Navigationswerkzeug, sondern eine Unterbrechung des Browser-Erlebnisses. Das unendliche Scrollen - obwohl es mit eigenen Problemen verbunden ist - trägt wesentlich dazu bei, sanftere Erlebnisse zu schaffen.
Dies gilt insbesondere dann, wenn Sie große Mengen an Informationen durchsuchen müssen, die in kleine Teile aufgeteilt sind. Häufige Beispiele sind: Twitter, Nachrichtenseiten, Tumblogs, Bildergalerien und so weiter.
Natürlich ist es nicht für jeden oder jedes Projekt. Für diejenigen unter Ihnen, die sich entschieden haben, Ihren Websites eine unendliche Liebe hinzuzufügen, gibt es mehrere effektive Möglichkeiten, sie einfach auf Ihre Website anzuwenden:
In den meisten Fällen werden Sie Websites oder Apps mit dynamischem Inhalt, die in einer Datenbank gespeichert sind, wahrscheinlich dieses Verhalten hinzufügen. Ich habe beschlossen, aus zwei Gründen einen Link hinzuzufügen, der sich um statische Websites dreht:
Dieses Tutorial Von Hongkiat.com bietet zwei verschiedene jQuery-Plugins für Ihre Berücksichtigung, einschließlich Unendliche Schriftrolle von Paul Irish.
Ich bin mir nicht sicher, ob es irgendwelche Funktionen oder Funktionen unter der Sonne gibt, die nicht in Form eines Plugins für WordPress verfügbar gemacht wurden. Unendliches Scrollen ist natürlich keine Ausnahme.
Zuerst haben wir wieder einmal Unendliche Schriftrolle . Jep. Dieses jQuery-Plugin kommt mit einer offiziellen WordPress-Implementierung von Paul Irish. Der Link befindet sich direkt auf der Hauptseite des Plugins, prominent und sichtbar, ganz oben. Außerdem finden Sie auf der Seite ein Tutorial, mit dem Sie das Plug-in so konfigurieren können, dass es mit Ihrem speziellen WordPress-Theme zusammenarbeitet. Lesen Sie daher unbedingt die Dokumentation.
Als nächstes haben wir bewiesen, dass Automattic, die Firma hinter WordPress, uns liebt und möchte, dass wir glücklich sind. Sie schufen ein Jetpack-Modul Das fügt Ihrem Thema auch unendliches Scrollen hinzu. Auch hier müssen Sie möglicherweise das Plug-in anpassen, damit es mit Ihrem speziellen Thema arbeitet.
Aber was, wenn Sie tief in den Code eintauchen und lernen möchten, wie man das von Grund auf tut? WPTuts + hat dich damit eher beschäftigt ausführliches Tutorial . Empfohlen für Leute mit einem mittleren Verständnis von Front-End-Code, das Tutorial enthält alles, was Sie benötigen, um unendliches Scrollen in Ihr Thema zu kodieren. Manche würden sogar argumentieren, dass dies der "richtige Weg" sei.
Viele Designer und einige Entwickler nutzen Tumblr für ihre Gedanken und / oder ihre Arbeit. Bist du eine von ihnen? Möchten Sie, dass Ihr Tumblr-Theme wie Ihr Dashboard unbegrenzt scrollt? Suchen Sie nicht weiter als Cody Shermans Tutorial . Da es für den durchschnittlichen, nicht-codierenden Tumblr-Benutzer geschrieben wurde, ist dieses Tutorial ganz einfach. Dies hat jedoch seinen Preis, da es nicht mit jedem Tumblr-Theme funktioniert.
jQuery Masonry ist das klassische Plugin zum Erstellen von Maurer-Layouts im Web. (Persönlich denke ich, der Name verrät es.) Da es bei Mauerwerk-Layouts nur darum geht, die kleinen Informationen anzuzeigen, die oft von endlosem Scrollen bedient werden, ist es nicht überraschend, dass viele Websites diese beiden Verhaltensweisen kombinieren. (Sehen: Pinterest ) Für statische Websites sollten Sie die offizielle Dokumentation lesen Hier.
Isotope ähnelt in seiner Funktion der Mauerwerk, da es erstellt wurde, um Menschen bei der Umsetzung von Mauerwerk zu helfen. Ich nehme es hier auf, weil es meiner Meinung nach besser ist. Dies liegt vor allem daran, dass ich durch Versuch und Irrtum mit diesem jQuery-Plugin ein wirklich reaktionsfähiges Mauerwerk-Layout erstellen konnte. Ich hatte weniger Glück mit anderen. Deine Erfahrungen können variieren. Schau dir die Dokumentation an Hier.
Ausgewähltes Bild / Vorschaubild, unendliches Scrollbild über Shutterstock.