Does your site have a sticky header? You should use this script to fix keyboard-based pagination events.
Use Git or checkout with SVN using the web URL.
Work fast with our official CLI. Learn more.
Please sign in to use Codespaces.
If nothing happens, download GitHub Desktop and try again.
If nothing happens, download GitHub Desktop and try again.
If nothing happens, download Xcode and try again.
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Why?
It uses javascript to do a job that can now be handled purely through CSS.
How?
Like this:
html {
scroll-padding-top: foo; /* set this to a value that matches the height of your sticky header */
}
This is supported by all modern browsers, with the exception of IE11, which (at the time of this writing) is about to hit its end of life,
Does your site have a sticky header? You should use this script to fix keyboard-based pagination events.