Die overflow-anchor-Eigenschaft ermöglicht es uns, Scroll-Anchoring, eine Browserfunktion, die Inhalte über die aktuelle DOM-Position des Benutzers laden lassen soll, ohne die Position des Benutzers zu ändern, sobald diese Inhalte vollständig geladen sind, zu deaktivieren. …
Scrolling is complicated. Nolan Lawson
…
- Benutzer scrollt mit zwei Fingern auf einem Touchpad
- Benutzer scrollt mit einem Finger auf einem Touchscreen
- Benutzer scrollt mit einem Mausrad auf einer physischen Maus
- Benutzer klickt auf die Seitenleiste und zieht sie
Das Web ist ein eher vertikaler Ort. Man liest eine Webseite wie eine physische Seite: von links nach rechts, von oben nach unten. Aber manchmal möchte man von all der Vertikalität abweichen und etwas …
Der folgende Beitrag ist ein Gastbeitrag von Micah Miller-Eshleman. Micah hat eine Variante des „Priority+ Navigation“-Konzepts entworfen und nutzt es in der Produktion an dem College, an dem er arbeitet. Ich liebe es immer, hinter die Kulissen des Denkens zu schauen…
Das Folgende ist ein Gastbeitrag von Michał Sajnóg, einem Frontend-Entwickler bei Netguru. Michał hat eine dieser Bibliotheken erstellt, die "wenn Sie hierher scrollen, lösen Sie diese Animation aus". Eines der Dinge, die mir daran gefallen …
Das Mouse Wheel Plugin finden Sie hier.
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>Die "30" steht für die Geschwindigkeit. preventDefault stellt sicher, dass die Seite nicht nach unten scrollt.
$(function() {
$("body").mousewheel(function(event, Hey! Bevor du dich zu tief in das Kaninchenloch des JavaScript-basierten Smooth Scrolling begibst, solltest du wissen, dass es dafür eine native CSS-Funktion gibt: scroll-behavior.
html {
scroll-behavior: smooth;
}Und bevor Sie zu einer Bibliothek wie jQuery greifen …