Skip to content

Instantly share code, notes, and snippets.

@joebailey26

joebailey26/scroll.html

Last active January 14, 2021 22:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joebailey26/04220c87afeacc2a47670a90565fc12b to your computer and use it in GitHub Desktop.
Save joebailey26/04220c87afeacc2a47670a90565fc12b to your computer and use it in GitHub Desktop.
Download ZIP
Smooth Scroll
Raw
scroll.html
<style>
:root:focus-within {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
:root:focus-within {
scroll-behavior: auto;
}
}
</style>
<a href="#scrolled">Scroll me</a>
<div tabindex="-1" id="scrolled">
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment