問題タブ [superscrollorama]

Superscrollorama プラグインを使用して Web を開始しようとしていますが、開始するのに深刻な問題が発生しています。

最初のアイテム (#logo1) のみが機能し、次のアイテムは機能しません... (#logo2 & #bg = background)

最初のロゴ項目 (円 ---> #logo1) が左から表示され、文字 (#logo2) が不透明度から表示され、背景 (#bg) も不透明度から表示されてから、logo1 & 2 が前に表示されます。

どうしたの？前もって感謝します！（そして私の悪い英語でごめんなさい）

リンクはこちら：エドゥアルド・マーティン

私はこれでかなり新しいです。Zurb Foundation 4 で Super Scrollorama を使用しようとしています。

http://johnpolacek.github.io/superscrollorama/

まず、jQuery CDN にリンクしてから、TweenMax.js と SuperScrollorama を埋め込みます。

しかし、私は最初のステップを乗り越えることができないようですか？Super Scrollorama を Foundation 4 プロジェクトに追加しようとすると、JQuery をインポートするだけで Foundation 4 が壊れるように見えます。TweenMax.js のリンクは問題ありません。

このコードを使用してリンクしています：

何か案は？これは可能ですか？Google で検索したところ、Zurb Foundation 4 で Super Scrollorama を使用する方法を示すチュートリアルはないようです。

いくつかの要素からスクロールする必要があります。その場合はこちらの3枚の写真から。

それは問題ありませんが、私が達成しようとしているのは、スクロールイベント中にbgが同じままで（多かれ少なかれ固定されている）、スクロールイベントが終了した後に背景が移動することです。

html:

CSS:

jquery:

私はbgに最初の固定位置を与えようとしましたが、スクロールイベントの後、彼はジャンプして開始します...

また、minerWrapper に superscrollorama ピン機能を使用して固定位置を与えようとしましたが、イベント中にマイナーが静止するだけで、背景が移動します。

こんにちはティミ

私はする必要があります

アニメーションにオフセットを作成しようとしているので、ピン フレームが一番上に来る前にアニメーションが開始され、新しいセクションがビューポートに入るとすぐにアニメーションが開始されます。

追加されたアニメーションの最後にオフセットを配置しようとしましたが、うまくいきません...

何か案は？

前の機能が完了した後にのみ機能を開始できるかどうか疑問に思っていました。以下にリストされている2つの機能があり、次々に実行しようとしています。ありがとう！

機能 2:

scrollorama ( http://johnpolacek.github.io/scrollorama/ ) から「ピン留め」機能を実装しようとしていますが、自分のファイルにプルするために使用するコードの部分がわかりません。

画面上のピン留めされる場所などはどこで調整できますか? そして、それは「#unpin」と h2 要素にどのように直接接続されているのでしょうか?

リンクjavascriptから特定の例を実行するために簡略化して記述しようとしています。

使用したい例は、タイトル「showcase」がフェードインして画像が表示される「showcase」セクションです。関連するhtmlとjavascriptを抽出して実行したいと思います。

サンプルファイルをダウンロードして、不要な html を切り捨てました。

ただし、JavaScriptを単純化することはできません。「ショーケース」部分に関連付けられた行が必要です。以下はフルバージョンです。

スーパースクロールラマを使用していくつかの要素をセットアップしました。下にスクロールすると、1 つの要素が左から来て、別の要素が右から来て、中央で出会います。

問題は、ユーザーが下にスクロールする前に、要素が実際に隠れている場所まで実際にページを右にスクロールできることです。

スーパースクロールラマでこれを防ぐ方法はありますか?

HTMLとJavascript用に私が持っているコードは次のようなものです...