背景图像保持在移动设备上滚动

我的第一篇文章在这里的时候调整。背景图像保持在移动设备上滚动

东西对我自己的网站是困扰了我很长一段时间。问题是，当我拜访我的Android手机上我的网站，并通过滚动页面，背景图像保持“调整”，所以有stutterlike事件通过该网站滚动时continiously存在的。您可以访问这里：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;

在此先感谢。

来源

2016-11-01 bramulous

http://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-android-mobile-chrome – Lee

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

来源

2016-11-01 13:21:53

好吧，让事情变得更好理解。但是，如果我使用Safari浏览器在iPhone上浏览我的页面，则“调整”不会发生......如何解释这与我在Android手机上使用的Chrome浏览器相反？ – bramulous

是的，我读过一次该苹果为safari修复，但我不确定，因为我没有iOS设备。但是这种行为在我使用的每个Android设备上都是一致的。 –

非常刺激寿。不过谢谢！ – bramulous

希望这是你在找什么 .achtergrond {background-attachment:fixed;}

来源

2016-11-01 13:45:50 Aru

这不是我正在寻找的东西，但如果由于相对位置而无法修复它，我会选择这个选项！谢谢。 – bramulous

背景图像保持在移动设备上滚动

回答

相关问题