Artikel mit Schlagwort
So erstellen Sie einen dezenten Scroll-to-Top-Button
Ein Button, um zum Seitenanfang zurückzukehren, ermöglicht es dem Benutzer, schnell und ohne große Mühe zum Anfang der Seite zurückzukehren. Dies kann sehr nützlich sein, wenn die Seite viel Inhalt hat ...
Doom Damage Flash on Scroll
Das Videospiel Doom hat den Bildschirm bekanntermaßen rot aufleuchten lassen, wenn man getroffen wurde. Chris Johnson hat diese Idee nicht nur aufgegriffen, sondern auch viele der UI-Elemente aus Doom in diese augenzwinkernde JavaScript-Bibliothek namens Doom Scroller integriert. Holen Sie sich …
That’s Just How I Scroll
Wie wissen Sie, dass eine Seite (oder ein beliebiges Element auf dieser Seite) scrollt? Nun, wenn sie eine Scrollleiste hat, ist das ein ziemlich guter Hinweis. Sie müssen vielleicht immer noch mit Ihrem Kunden über "die Falte" oder was auch immer streiten, aber ich ...
Memorize Scroll Position Across Page Loads
Hakim El Hattab tweetete eine wirklich nette kleine UX-Verbesserung für eine statische Seite mit einer scrollbaren Seitenleiste mit Navigation. …
How I Put the Scroll Percentage in the Browser Title Bar
Ein paar nette Tricksereien von Knut Melvær.
Letztendlich läuft der Trick darauf hinaus, herauszufinden, wie weit man auf der Seite gescrollt hat und den Titel entsprechend zu ändern, wie z.B.
document.title = `${percent}% ${post.title}`Knuts Trick geht von React aus und installiert ein …
Indicating Scroll Position on a Page With CSS
Scrolling ist etwas, das wir alle im Web kennen und so selbstverständlich nutzen, dass es eine Erwartungshaltung oder vielleicht sogar eine Gewohnheit ist, wie Zähneputzen. Wahrscheinlich denken wir deshalb nicht allzu sehr über das Design von Scrolling nach...
Bewegliche Regenbogen-Unterstreichungen
Ich liebe das Design der Sandwich-Website absolut. Unter vielen schönen Funktionen befinden sich diese Schlagzeilen mit Regenbogenunterstreichungen, die sich beim Scrollen bewegen. Es ist kein Scroll-Jacking – es ist nur ein kleines Designmerkmal, das die Scroll-Position verwendet, um ...
Need to scroll to the top of the page?
Vielleicht der einfachste Weg, dem Benutzer das anzubieten, ist ein Link, der auf eine ID im `<html></html>`-Element abzielt. Also so wie…
<html id="top">
<body>
<!-- the entire document -->
<a href="#top">Jump to top of page</a>
</body>
</html>Aber...