css - Set color for extra page parts visible during rubber band scroll -

at least when scroll on edge on mac, see page moving down , leaving plain color behind it. iv'e figured out can change color setting background color of body. there other approach it? because need different colors @ top , bottom, etc.

my solution has been cheat little bit , use linear-gradient() on html or body tag control segmented background colors given project.

something should split background in half , take care of modern browsers.

background: -webkit-gradient(     linear,     left top,     left bottom,     color-stop(0.5, #8bc63e),     color-stop(0.5, #eeeeee) ); background: -o-linear-gradient(bottom, #8bc63e 50%, #eeeeee 50%); background: -moz-linear-gradient(bottom, #8bc63e 50%, #eeeeee 50%); background: -webkit-linear-gradient(bottom, #8bc63e 50%, #eeeeee 50%); background: -ms-linear-gradient(bottom, #8bc63e 50%, #eeeeee 50%); background: linear-gradient(to bottom, #8bc63e 50%, #eeeeee 50%); 

i've had mixed luck getting same behavior on ios, , seems more dependent on specific layout.