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