Chrome浏览器的自动隐藏网址栏弄乱了我的背景渐变

时间:2019-11-18 13:43:54

标签: android html css google-chrome

此问题特定于在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;
}

0 个答案:

没有答案