1

我一直在寻找一种使对象在垂直滚动时水平移动的方法。我从插件的作者那里找到了这个很好的答案。所以水平移动东西的代码看起来像这样:

$.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后,此脚本会将元素推到左侧,即使图像没有“apple”类

有没有办法在脚本上定义具有“左”类的图像从左侧滚动,然后具有“右”类的图像从右侧滚动?

4

0 回答 0