This page demonstrates the effect of the proposed scroll-blocks-on CSS property.

When enabled, this page will do a bunch of work in JavaScript to simulate a complex/janky application. Try scrolling on a touchscreen or with a touchpad using various settings for scroll-blocks-on.

Do lots of work on the main thread
Delay in ms:
Show event log
WARNING: scroll-blocks-on is not supported by your browser. Use Chrome 41+ with the enable-experimental-web-platform-features flag set.
 Initial document scroll-blocks-on:

Scroll-blocks-on:
start-touch
wheel-event
scroll-event
This DIV has it's own scroll-blocks-on setting which can augment that set by the document.

Scroll-blocks-on:
start-touch
wheel-event
scroll-event
This div is positioned in JavaScript to match the position of the first green bar.