此问题特定于在Android(可能是iOS,我没有测试)下运行的Chrome。
我正在尝试获得一个简单的渐变以覆盖整个页面的高度,并在其他页面元素滚动时保持固定。
一切正常,直到Android的Chrome浏览器向下滚动时自动隐藏顶部的URL栏。 那时,背景的一部分(相当于URL栏的高度)在页面底部变为白色。
关于如何避免此问题并在整个页面上保持渐变的任何想法?
伪HTML:
<html><head></head>
<body class="menu_body">
[Some scrollable content]
</body></html>
CSS:
.menu_body {
color : #fff;
background : linear-gradient( 130deg, rgb(44,49,65) 0%, rgb(94,67,70) 100%);
height : 100%;
margin : 0px;
padding : 0px;
background-repeat: no-repeat;
background-attachment: fixed;
}