@Paramount1987

Как сделать responsive parallax?

Использую плагин stellar для параллакс эффекта. Все работает, только на разных разрешениях параллакс элементы занимают разную позицию. На больших разрешениях элементы не доходят до нужной точки, на маленьких наоборот слишком уходят. Надо чтобы на разных разрешениях при скролле элементы занимали одинаковую позицию.Смотрел доки так и не нашел там опции. Кто знает подскажите.

Разметка
<div class="parallax-img">
            <img src="i/babulka.png"  class="grandm-img" alt="" width="165" height="160" data-stellar-ratio="1.2" data-stellar-vertical-offset="400">
            <img src="i/boy.png" class="boy-img"  alt="" width="220" height="220" data-stellar-ratio="1.3" data-stellar-vertical-offset="250">
            <img src="i/cat.png" class="cat-img"  alt="" width="265" height="230">
          </div>


Код

$(document).ready(function(){
  $.stellar({
    horizontalScrolling: false,
    responsive: true
  });
 
});


4e5d9543c7194b449dbd81461a15a6ea.jpg
  • Вопрос задан
  • 174 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Paramount1987 Автор вопроса
Кто-то делал такой эффект, может с другим плагином?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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