Не работает background-attachment: fixed на моб. устройстве, в чем проблема?

Question

[Василий Петров]

Вопрос в названии. Проверял на iPad и на какой-то какашке за 1к руб (андроид, п.с. не имею ничего против андроида) На iPade фоновая картинка увеличивается (приближается) раза в 2

Вот кусок кода:

#main {
	background: url(../images/tym2.jpg);
	background-position: top center;
	background-attachment: fixed;
	height: 110vh;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
}

Answer 1

[fsockopen]

попробуй добавить overflow-y: scroll; вместо него
задать #main и родителю height: 100%;
родителю overflow-y: hidden;

Comments

[Василий Петров]

Не, не то. У #main появляется отдельная полоса скролла :D и ее нельзя скроллить

[Василий Петров]

Родитель body вроде как, сейчас попробую, но мне кажется, что не проканает

[Василий Петров]

fsockopen: у меня вместо 100% 100vh у main (ну там 110, для нужного мне эффекта), если поставлю 100% то совсем не то будет. Вот тут подсказали 100vh поставить: Как сделать адаптивный фон-картинку (проблема с высотой при увеличении размера экрана)?

[Василий Петров]

fsockopen: Не знаю что это такое :D Нету ничего подобного

[Василий Петров]

fsockopen: неее, вы не так наверно меня поняли) текущая проблема не решена, та ссылка на прошлую мою проблему :D

[fsockopen]

может тогда код выложите куда нибудь

[Василий Петров]

fsockopen: это наверно особенности ios вот и не работает. Сейчас выложу

[fsockopen]

а на какашке сработало?

[Василий Петров]

fsockopen: на какашке тоже нет, но в отличие от iPad там фоновая картинка не увеличивается (забыл написать про это) Вот код: codepen.io/anon/pen/XjZaZd, не думаю что поможет. Вместо background-image поставил bg-color

[Василий Петров]

fsockopen: забейте, на моб устройствах не работает это, вроде как

[fsockopen]

Сергей правильно отметил

Answer 2

[Сергей]

if (iosVersion >= 7) {
    $(document).scroll(function() {
        $('#main').css('background-position', '0px ' + $(document).scrollTop() + 'px');
    });
}

еще можно явно указать размеры -webkit-background-size: 2650px 1440px;

Comments

[Василий Петров]

Не работает

Answer 3

[Максим]

лучше сделай блок с position: fixed; и ему дай бэкгроунд
а контенту задай z-index: 1;

Comments

[Василий Петров]

Тоже не(

[Максим]

Василий Петров: почему? отличная замена, так все делают

[Василий Петров]

Максим: я попробовал - не получилось. У меня просто весь блок исчезает, на его вместо встает следующий блок

[Максим]

Василий Петров: залей куда-нибудь код, подскажу

[Василий Петров]

Максим: я пока забил на это :D Как полностью доделаю сам сайт скину, ок?

[Василий Петров]

Максим: Неправильно работает ссылка-картинка? глянь вот это еще

[Chekistchek]

Василий Петров: (если еще актуально)у меня тоже исчезло, надо задать размер катринки в пикселях