WhatIsHTML
@WhatIsHTML
HTML программист

Как пофиксить баг на iphone?

Есть секция, которая идет во всю высоту экрана. На фоне должно быть изображение со свойством background-attachment: fixed. Т.е. фоновое изображение не выходит за рамки секции. Но на iOS Safari вилазит баг - изображение не видно. Вот что написано по этому поводу на caniuse
iOS Safari has buggy behavior with background-size: cover; + background-attachment: fixed;

Как мне добиться такого эфекта на iOS? Сделал пример немного другим путем, но картинка выходит за красную рамку. Как сделать так, чтобы картинка не выходила за рамку при скроллинге?
https://jsfiddle.net/wt6u2j61/
  • Вопрос задан
  • 348 просмотров
Пригласить эксперта
Ответы на вопрос 1
alvvi
@alvvi
export default apathy;
https://caniuse.com/#search=background-attachment
Никакого buggy behavior, все очень даже expected, в мобильных браузерах оно не поддерживается, и воссоздать только средствами css вроде как никто еще не сумел, по крайней мере годного полифила я не находил.

JS с его кучей параллакс бибилотек в помощь.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы