Artikel mit Schlagwort
Fixierte Header, On-Page-Links und überlappende Inhalte, oh weh!
Nehmen wir einen einfachen On-Page-Link
<a href="#section-two"Section Two</a
Wenn man darauf klickt, scrollt der Browser selbst zu dem Element mit dieser ID: <a href="#section-two">Abschnitt Zwei</a>. Eine Browser-Funktion, die fast so alt ist wie die Browser selbst.
Aber sobald …
Praktisches CSS Scroll Snapping
CSS-Scroll-Snapping ermöglicht es Ihnen, den Viewport nach Beendigung des Scrollens an bestimmten Elementen oder Positionen zu sperren. Dies eignet sich hervorragend zum Erstellen von Interaktionen wie dieser:…
Scroll in die Zukunft
Dies ist eine interessante Lektüre über den aktuellen Stand von Scrollbalken und wie man ihr Verhalten über Betriebssysteme und Browser hinweg steuert. Der Beitrag beleuchtet auch eine Menge Dinge, die ich nicht wusste, wie z. B. Element.scrollIntoView() und die scroll-behavior CSS …
Karussells müssen nicht kompliziert sein
Im MediaTemple-Blog zeige ich Ihnen, wie Sie mit nur wenigen Codezeilen ein ziemlich anständiges kleines Karussell erstellen können. Hier ist die gesamte Prämisse
…Jedes Mal, wenn ein Karussell in einem Blogbeitrag erwähnt wird, ist es ein
Einführung in CSS Scroll Snap Points
Bevor dieses neue CSS, das ich einführen werde, existierte, war das Sperren eines Elements beim Scrollen im Viewport mit etwas JavaScript verbunden. Wie Sie vielleicht wissen, hat JavaScript einen wohlverdienten Ruf dafür, knifflig zu sein, wenn es mit Scroll-Verhalten kombiniert wird.
Die …
Vorausschauend: CSS Scroll Snap Points
Guil Hernandez stellt vor, wie einfach Slider (mit guter UX) mit sehr einfachem HTML und den brandneuen scroll-snap-* Eigenschaften von CSS sein werden. CSS entwickelt sich heutzutage ziemlich schnell, wobei Features wie dieses von "noch nie davon gehört" zu
……
Native CSS Scroll Snap Points
Die neu eingeführten "Snap Points"-Eigenschaften von CSS könnten das Erstellen von reinen CSS-Scroll-Effekten erheblich erleichtern (sobald die Browserunterstützung nachgezogen ist). Dieser Beitrag aus Sergey Gospodarets' Blog enthält Demos von knackigem Scrollen für Bildergalerien und Vollbild-Vertikalen…
Responsive, Touch-freundliche Karussells mit Flickity erstellen
Mittlerweile sollte jeder Artikel über Karussells mit dem Haftungsausschluss beginnen: _Sie brauchen vielleicht kein Karussell._ Karussells werden leicht missbraucht. Kyle Peatt hat mehr Details zur Karussell-Kontroverse.
Ein Teil der Schuld kann auf den Benutzer geschoben werden…