Как сделать адаптивным лэдинг с parallax background?

Question

[Fierfoxik]

Руки дошли до одного из первых своих проектов. Решил заадаптивить но вот не задача. Во 1 тот плагин для параллакса который я использую для параллакса через background задает позицию бг по горизонтали в 0px т.е картинка уже обрезается. Во 2 не могу понять толь картинки высоты не хватает то ли что-то другое в некоторых секция что бг укатывает вверх и блоки остаются на белом фоне, в чем может быть сия проблема? И как я понимаю для адаптивы лучше не использовать parallax на bg?
Проект
parallax plugin stellar

Answer 1

[Олег]

На телефонах и планшетах никому ваш parallax не нужен. Также для всех подобных эффектов используйте transform, чтобы не превращать сайт в слайдшоу.

Comments

[Fierfoxik]

ок, как быть тогда с данной позицией background ?

Answer 2

[Артём Цымбалюк]

никак. отключи в медиа запросах параллакс на моб устройствах

Comments

[Fierfoxik]

как его отключать если он вызывается либо через js либо через дата атрибут?

Answer 3

[Александр Ружевич]

задайте через медиа запросы блоку отвечающему за паралакс на мобильных устройствах display:none; а вместо него на тоже место с такими же параметрами через теже медиа запросы display:block; для мобильных блок с простым background

Answer 4

[metaf]

А вы обратили внимание, что в документации к плагину сказано?

Support in Mobile WebKit browsers requires a touch scrolling library, and a slightly tweaked configuration. For a full walkthrough on how to implement this correctly, read my blog post "Mobile Parallax with Stellar.js".

Please note that parallax backgrounds are not recommended in Mobile WebKit, only parallax elements.