Auf unserer Website; Wenn wir Links auf den Seiten verwenden, wird unsere Website durch einen langsamen Übergang ästhetischer aussehen und die Übergänge werden fließend sein. Dazu können wir unserer Stildatei oben die folgenden Codes hinzufügen.
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
Wenn Sie jetzt auf die Seiteninhalte klicken, sehen Sie den Unterschied in der Arbeit. Anstatt direkt zum Link zu gehen, bietet es einen fließenden Übergang zum Link in Form einer Folie innerhalb der Seite.