1

私はstellar.js視差を使用しています...

このプラグインを使用して要素を特定の位置で停止させる方法はありますか？

それがトップ300pxに達したとき、もう視差はありませんか？

ありがとう...

4

1 に答える 1

2

Stellar.jsを使用すると、スクロール中に要素を配置する方法を変更する位置プロパティプラグインを作成できます。

「300pxを超えると」の意味はよくわかりませんが、同様の例を見て、どのように機能するかを理解しましょう。要素が下に移動できる距離に制限を設定したい場合は、次のようなプラグインを作成できます。

$.stellar.positionProperty.limit = {

  setTop: function($element, newTop, originalTop) {
    var limit = 300;

    // Check if we're going over the limit
    if (newTop - originalTop > limit) {

      // Call default position property with our limited value
      $.stellar.positionProperty.position.setTop.call(null, $element, originalTop - limit, originalTop);

    } else {

      // Otherwise, delegate to the 'setTop' method of the 'position' adapter
      $.stellar.positionProperty.position.setTop.apply(null, arguments);

    }
  },

  // Nothing custom needed here, so we'll just use the built in adapter:
  setLeft: $.stellar.positionProperty.position.setLeft

}

'setTop'および'setLeft'関数の要素にも（'$ elem'パラメーターを介して）アクセスできることに注意してください。これにより、要素ごとにロジックをカスタマイズでき、画面上部の要素をターゲットにできます。それがあなたが求めていたものなら。

これで、次のようにStellar.jsで新しい「limit」プラグインを使用できます。

$.stellar({
  positionProperty: 'limit'
});
于 2013-01-14T20:56:39.790 に答える