Звездный JS движущихся объектов горизонтально выдают

Я искал способ заставить объекты двигаться горизонтально при вертикальной прокрутке. Я нашел этот отличный ответ от автора плагина. Таким образом, код для горизонтального перемещения объектов выглядел примерно так:

$.stellar.positionProperty.apple = {
    setTop: function($el, newTop, originalTop) {
        $el.css({
            'top': newTop,
            'left': $el.hasClass('apple') ? originalTop - newTop : 0
        });
    },
    setLeft: function($el, newLeft, originalLeft) {
        $el.css('left', newLeft);
    }
};

Проблема в том, что он охватывает только горизонтальную прокрутку с левой стороны. Но это также влияет на другие элементы, даже если у них нет класса apple из сценария примера. Так что, если у меня есть изображение, например:

<section>
  <img></img>
</section>

Где изображение absolute позиционируется и right:0; как только вы добавите data-stellar-ratio к этому этот сценарий будет перемещать элемент в левую сторону, даже если изображение не имеет класса "яблоко"

Есть ли способ определить в сценарии, что изображения с классом "left" прокручиваются слева, а затем изображения с классом "right" прокручиваются с правой стороны?

0 ответов

Другие вопросы по тегам