Задать вопрос
@mbpig
Нуб
html

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

Вопрос в названии. Проверял на 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;
}
  • Вопрос задан
  • 4166 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
fsockopen
@fsockopen
попробуй добавить overflow-y: scroll; вместо него
задать #main и родителю height: 100%;
родителю overflow-y: hidden;
Ответ написан
11 комментариев
11 комментариев
@void01 
if (iosVersion >= 7) {
    $(document).scroll(function() {
        $('#main').css('background-position', '0px ' + $(document).scrollTop() + 'px');
    });
}


еще можно явно указать размеры -webkit-background-size: 2650px 1440px;
Ответ написан
1 комментарий
1 комментарий
@maxnrg33
верстальщик
лучше сделай блок с position: fixed; и ему дай бэкгроунд
а контенту задай z-index: 1;
Ответ написан
7 комментариев
7 комментариев
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка бота в Telegram (POIZON)
16 апр. 2024, в 06:30
30000 руб./за проект
Исправить ошибку в пагинации 1с-битрикс
16 апр. 2024, в 05:27
500 руб./за проект
Ментор по программированию
16 апр. 2024, в 04:35
10 руб./в час
Ещё заказы