de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Glattes ganzseitiges Scrollen mit jQuery Plugin viewScroller.js

JavaScript Scroll-Effekte gibt es seit Jahren mit Dutzenden von großartigen Bibliotheken zur Auswahl. Aber ein neuer Kandidat in diesem Bereich ist viewScroller.js .

Diese sehr kleine, aber leistungsstarke Bibliothek kann einseitige Layouts erstellen, die als Blöcke mit einem einzigen Streichen des Scrollrads (oder Touchpads) blättern. Dies erzeugt ein kontrolliertes Layout, in dem Scrolls den Benutzer mit pixelgenauer Präzision durch einzelne Abschnitte einer Seite bewegen.

Natürlich ist dies eine komplett kostenlose Bibliothek, die auf GitHub verfügbar ist und einfach mit Bower oder npm installiert werden kann.

ViewScroller.js ist jedoch keine unabhängige JavaScript-Bibliothek . Es beruht auf jQuery und zwei spezifischen Plugins: jQuery Mousewheel und jQuery Easing . Diese sind beide erforderlich, damit die Scroll-Effekte ordnungsgemäß funktionieren.

Dies kann den Wert von viewScroller beeinträchtigen, da es nur einige JS-Bibliotheken benötigt, um zu funktionieren. Aber wenn Sie sowieso schon jQuery verwenden, ist es ein Kinderspiel. viewScroller.js bietet die einfachste Methode, um eine einzelne Seite scrollende Web-App ohne viel Code laufen zu lassen.

Es verwendet jedoch sehr detaillierte Klassen und IDs, um den Scrolling-Effekt zu erstellen. Sie können diese Klassen in Ihrer eigenen CSS-Datei bearbeiten oder sie im Basiscode überschreiben . Auf der Reposeite finden Sie eine vollständige Liste mit Klassennamen und Standard-Setup-Daten .

Der einfachste Weg zum Starten ist das Klonen der viewScroller-Demos . Sie haben einen mit einer rechten Seitenleiste, einen anderen mit einer linken Seitenleiste und einen mit zwei Seitenleisten, die Inhalt in der Mitte einbetten.

Wenn Sie mit einer jQuery-betriebenen Web-App einverstanden sind, dann ist viewScroller eine fantastische kostenlose Bibliothek. Es benötigt ziemlich viele Abhängigkeiten, aber sie sollten nicht schwer zu konfigurieren sein.

Werfen Sie einen Blick auf die Live-Demo und sehen Sie, was Sie denken. Wenn Sie das UX- und das Scroll-Verhalten mögen, folgen Sie dem Setup-Leitfaden auf GitHub, um loszulegen.

20 Super Zubehör für Ihr neues MacBook

20 Super Zubehör für Ihr neues MacBook

Wir sind weniger als zwei Monate zu Weihnachten und der Weihnachtssaison und um unsere jährlichen Einkaufswunschlisten zu starten, hier sind ein paar Macbook Zubehör, die Sie selbst oder für den Apple Fan in Ihrer Familie bekommen können.In dieser Sammlung werde ich 20 MacBook Zubehörteile mit Ihnen teilen, die helfen können, Ihr Macbook sicher, stilvoll und organisiert zu halten. Sie

(Tech- und Design-Tipps)

Bessere Lesezeichen mit RainDrop.io

Bessere Lesezeichen mit RainDrop.io

Trotz der fortschrittlichen Technologie hat sich an der Art, wie wir das Internet erkunden, noch nichts geändert, und das sind Lesezeichen. Was auch immer der Grund ist, wir behalten immer noch den Überblick über die Dinge, die unser Interesse wirklich interessieren .Traditionelle Lesezeichen sind nicht so sozial und nicht für eine einfache und organisierte Anzeige optimiert. Si

(Tech- und Design-Tipps)