Как добится parallax эфекта на всех устройствах?

Question

[Павел Воронюк]

Всем привет.

Делю верстку сайта, и не получается добится parallax эфекта на всех устройствах.

mobile.taxi-ljubljana.city

Если открыть на дэсктопе и на мобильном устройстве, то есть разница в:
1. Сам parallax (на мобильных неработает) подкрадывается мысль что библиотека не адаптирована для смартфонов, подскажите может другую.
2. Background. Поставил поверх png чтобы притемнить картинку, и опять же его нет на смартфонах.

Спасибо за ответы) Всем хороших выходных.

Answer 1

[Николай]

на мобильных устройствах можно добится похожего эффекта через background-attachment: fixed

Comments

[Павел Воронюк]

можно только зафиксировать фон, нужно чтоб он двигался при скроле..

[Николай]

Павел Воронюк: background-attachment: fixed, scroll

Answer 2

[Дмитрий Христоев]

так он на мобильном отключен. Как только в браузере при f12 нажать мобильный вид и перезагрузить, скрипт отключается. Там же в параметрах есть
- If true, this option will set the parallax image as a static, centered background image whenever it detects an Android user agent. Disable this if you wish to enable the parallax scrolling effect on Android devices.

- Если true, эта опция будет устанавливать изображение параллакса как статическое, центрированное фоновое изображение при обнаружении пользовательского агента Android. Отключите это, если вы хотите включить эффект прокрутки параллакса на устройствах Android.

Comments

[Павел Воронюк]

вот да, в принципе и решение скрывалось в документации.. но не тут то было :/ как только ставлю false, фон пропадает(((

[Павел Воронюк]

менял и в parallax.js и дописывал в html через data-android-fix="false"