在移动设备上滚动时，背景图像会不断调整

Question

我在这里的第一篇文章。

我自己的网站上有些东西困扰着我很长一段时间。问题是，当我在Android手机上访问我的网站并滚动浏览页面时，背景图像会“调整”，因此在滚动浏览网站时会出现类似口吃的事件。您可以在此处访问：http://www.bramvalstar.nl

背景课程：

.achtergrond {
position: relative;
width: auto;
height: 95%;
background: url(media/images/xxx.png) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;

提前致谢。

Answer 1

是的，这是使用相对页面高度的影响。您会看到，当页面加载时，可用的视口高度略小于100％，因为地址栏占据了顶部的一些空间。向下滚动时，地址栏会消失，视口高度会跳回到100％，因此页面会重新调整为新的可用高度。不幸的是，没有办法在CSS中解决这个问题。您可以使用固定高度而不是相对高度，或者在加载时使用javascript设置高度。

Answer 2

希望这就是你要找的东西 .achtergrond {background-attachment:fixed;}