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.
Comments
Post a Comment