恒星js水平移动物体问题

Question

我一直在寻找一种让物体在垂直滚动时水平移动的方法。 我从插件的作者那里找到了this great answer。 所以横向移动的代码看起来像这样：

$.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添加{{1}}后，此脚本将元素推向左侧，甚至如果图像没有“苹果”类

有没有办法在脚本上定义带有“left”类的图像从左侧滚动，然后带有“right”类的图像从右侧滚动？