背景圖像保持在移動設備上滾動

我的第一篇文章在這裏的時候調整。背景圖像保持在移動設備上滾動

東西對我自己的網站是困擾了我很長一段時間。問題是，當我拜訪我的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

背景圖像保持在移動設備上滾動

回答

相關問題