1

ブートストラップ テーマに視差スクロール効果を追加したいのですが、SequenceJS に出会いました。

お互いをオーバーライドせずに両方を使用できますか?

どうすればいいですか：

  1. 背景用の並列DOMツリーを作成し、その上にSequenceJSを適用します。
  2. 元の Bootstrap Dom ツリーを使用し、それに SequenceJS クラスを追加します。
  3. 他の提案は...

ありがとう！

4

1 に答える 1

0

はい、競合することなく SequenceJS と Bootstrap の両方を使用できます。

留意すべき重要事項:

  1. 正しい jQuery バージョンを含めます。Bootstrap 3 がサポートする最低のバージョンは 1.9.0 で、SequenceJS がサポートする最高のバージョンは 1.9.1 であるため、jQuery v 1.9.0 または 1.9.1 を含める必要があります。( https://github.com/twbs/bootstrap/blob/v3.2.0/bower.jsonおよびhttp://www.sequencejs.com/developers/documentation/#add-filesをそれぞれ参照)。

  2. JavaScript ライブラリを正しい順序で並べます (jQuery、次に Bootstrap、次に SequenceJS)。

これは、2 つの結合されたライブラリを示す jsfiddle です - http://jsfiddle.net/bzelip/keu606ed/。

Jumbotron Bootstrap テンプレートと視差シーケンス テーマを使用して作成しました。ブートストラップ HTML では、ジャンボトロンの下にある 3 列の行を 1 列の行に置き換え、そこに視差シーケンス テーマの html を挿入しました。次に、両方のソースから CSS を結合し、必要な JavaScript にリンクし、視差シーケンス テーマに含まれるスクリプトの内容に貼り付けましたsequencejs-options.sliding-horizontal-parallax.js。

于 2014-08-11T20:03:47.710 に答える