Позиция: исправлено не работает на ios 18 вместе с запросами контейнераIOS

Программируем под IOS
Ответить
Anonymous
 Позиция: исправлено не работает на ios 18 вместе с запросами контейнера

Сообщение Anonymous »

Я хотел создать липкий фон, чтобы он не прокручивался вместе со страницей на iPhone 15 Pro с iOS 18, но возникла проблема — если в классе есть контейнер со свойством page/inline-size set, позиция:fixed перестает работать.
Вот мой код в scss.

Код: Выделить всё

.page {
margin: 0 auto;
min-inline-size: 320px;
min-block-size: 100dvb;
position: relative;
// background-color: var(--color-bg, #fff);
// background-image: var(--gradient-light-scheme);
// background-attachment: fixed;
font-family: var(--main-font, 'inter-variable', sans-serif);
font-weight: var(--font-weight-main);
color: var(--font-main-color, #000);
container: page / inline-size;

&::after {
content: '';
display: block;
position: fixed;
inset: 0;
block-size: 100vh;
background-color: var(--color-bg, #fff);
background-image: var(--gradient-light-scheme);
z-index: -1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
}
Я хочу, чтобы фон страницы не перемещался вместе с ней, а оставался неподвижным.

Подробнее здесь: https://stackoverflow.com/questions/790 ... r-requests
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «IOS»