Есть ли возможность сделать фиксированный фон в одном разделе страницы? ⇐ CSS
-
Anonymous
Есть ли возможность сделать фиксированный фон в одном разделе страницы?
Как вы знаете, фоновое вложение не работает на мобильных устройствах. Для настольного компьютера я использую его, но для Android и IOS понятия не имею, как создать эффект параллакса.
Я думал о position: fix, однако overflow: Hidden с ним тоже вообще не работает, потому что объект привязывается к области просмотра.
>
Ранее я пытался сделать это с помощью JS, используя background-position-y, который принимал значение window.scrollY, но тоже с задержкой (позиционирование происходит с помощью задержка и иногда фон трясется).
JS:
функция параллакс() { document.body.style = `--check: ${window.scrollY}px`; requestAnimationFrame (параллакс) } requestAnimationFrame (параллакс); CSS:
background-position-y: var(--check); У меня нет идей, что делать. Не могли бы вы мне помочь? Заранее спасибо!
Как вы знаете, фоновое вложение не работает на мобильных устройствах. Для настольного компьютера я использую его, но для Android и IOS понятия не имею, как создать эффект параллакса.
Я думал о position: fix, однако overflow: Hidden с ним тоже вообще не работает, потому что объект привязывается к области просмотра.
>
Ранее я пытался сделать это с помощью JS, используя background-position-y, который принимал значение window.scrollY, но тоже с задержкой (позиционирование происходит с помощью задержка и иногда фон трясется).
JS:
функция параллакс() { document.body.style = `--check: ${window.scrollY}px`; requestAnimationFrame (параллакс) } requestAnimationFrame (параллакс); CSS:
background-position-y: var(--check); У меня нет идей, что делать. Не могли бы вы мне помочь? Заранее спасибо!
