🔧 This page puts the wanted gradient (blue at the top, green at the bottom) on the body element, and the opposite on the html element.

That gives the expected behavior: Blue overscroll at the top and green at the bottom.

Workaround 2