垂直スクロールでオブジェクトを水平に移動する方法を探していました。プラグインの作成者からのこの素晴らしい回答を見つけました。したがって、物を水平に移動するコードは次のようになります。
$.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」がなくても、要素を左側にプッシュします
クラス「左」の画像が左からスクロールし、次にクラス「右」の画像が右側からスクロールするようにスクリプトで定義する方法はありますか?