This site serves as a demonstration for keyboard scrolling with static headers, to demonstrate that Firefox and Chrome handle it differently and to provide a way to test if the browser you are using supports the `scroll-padding` property.

To perform the first test, open this page in both Firefox and Chrome and use the space bar or page down button to scroll. Pay attention to the line number at the bottom of the screen before you scroll: the amount you scroll in Chrome and Firefox will be different. If the effect is not visible, repeat the test by returning to the top of the page, resizing the browser window to a smaller height, and scrolling with the space or page down button. I performed this test with Firefox 61, Chrome 67, and Chrome 69.

The second page's `body` has a `scroll-padding` attribute set to the same size as the header and in theory should scroll the correct amount if the browser you are using supports the latest specification of CSS Scroll Snap.