@Fierfoxik

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

Руки дошли до одного из первых своих проектов. Решил заадаптивить но вот не задача. Во 1 тот плагин для параллакса который я использую для параллакса через background задает позицию бг по горизонтали в 0px т.е картинка уже обрезается. Во 2 не могу понять толь картинки высоты не хватает то ли что-то другое в некоторых секция что бг укатывает вверх и блоки остаются на белом фоне, в чем может быть сия проблема? И как я понимаю для адаптивы лучше не использовать parallax на bg?
Проект
parallax plugin stellar
  • Вопрос задан
  • 2281 просмотр
Решения вопроса 1
werty1001
@werty1001
undefined
На телефонах и планшетах никому ваш parallax не нужен. Также для всех подобных эффектов используйте transform, чтобы не превращать сайт в слайдшоу.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
никак. отключи в медиа запросах параллакс на моб устройствах
Ответ написан
задайте через медиа запросы блоку отвечающему за паралакс на мобильных устройствах display:none; а вместо него на тоже место с такими же параметрами через теже медиа запросы display:block; для мобильных блок с простым background
Ответ написан
Комментировать
@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.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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