Hier ist die Situation: Ihre Website bietet eine Schaltfläche „Zurück nach oben scrollen“ und Sie haben ein sanftes Scrollen implementiert. Während die Seite nach oben scrollt, bemerken die Benutzer etwas, das ihre Aufmerksamkeit erregt, und sie möchten das Scrollen stoppen, also ...
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 ...
Es ist erstaunlich, wie weit HTML und CSS Sie bringen, wenn Sie ein Karussell/eine Diashow erstellen.
overflow und dessen
Smooth scrolling ist viel einfacher geworden. Wenn Sie es die ganze Zeit auf Ihrer Seite wünschen und zufrieden sind, wenn der Browser die Dauer für Sie regelt, ist es eine einzige Zeile CSS
html {
scroll-behavior: smooth;
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 …
Die CSS-Eigenschaft scroll-behavior ermöglicht es uns zu definieren, ob die Scroll-Position des Browsers zu einer neuen Position springt oder den Übergang sanft animiert, wenn ein Benutzer auf einen Link klickt, der auf eine verankerte Position innerhalb eines Scrollbereichs zielt …
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 …