問題タブ [superscrollorama]

私が現在取り組んでいる Wordpress サイトで、私のクライアントは、ワイプまたはスライド トランジションのように、フロント ページのさまざまなセクションを下から上にスライドさせて、前のセクションを覆うことを望んでいました。http://johnpolacek.github.com/superscrollorama/にあるスーパースクロールラマを使用して、望ましい結果を得ることができました。

次に、フロント ページのみにナビゲーション メニューを作成する必要がありました。私はそうし、ページのさまざまなポイントにアンカーを設定しました。また、ナビゲーション メニューのリンクをクリックしたときのスクロール アニメーションに scrollTo ライブラリを使用しました。ただし、私が遭遇したいくつかの問題があります。

• 上部にある [ショーケース] をクリックすると、ショーケース セクションに移動しますが、製品セクション (その直後の div) が重なっています。
• 他の div には、次の div が現在の div と重なるという同じ問題があるようです
• 前方にしか移動できません。戻ろうとしても戻らない（「ホーム」以外）
• div の CSS の「top」プロパティに関係があるのではないかと思い、クリック機能が作動するたびにリセットしてみましたが、うまくいきませんでした。ということで、とりあえず外しました。
• 現在、javascript を設定して、アンカーまでスクロールするデフォルト アクションを防止し、代わりに実際の div 自体までスクロールするように設定しています。しかし、私はまだ同じ問題を抱えています。

編集:上記の問題はすべて解決しましたが、新しい問題が発生しました。サイトをスクロールし、ブラウザ ウィンドウのサイズを変更して上にスクロールすると、下部の一部が切り取られていることに気付くでしょう。スーパースクロールラマのページを見ましたが、同じ問題があります。誰かがこれを修正する方法を知っていることを望んでいました。

ここに私が現在取り組んでいるサイトがあります: http://breathe.simalam.ca/

スクロール用の JavaScript は次のとおりです。

スクロールラマコード:

すべてのセクション div は、親 div 内にあります。セクション div はすべて、高さ、幅、および上部が 100% です。

これらすべてのセクション div を含む親 div は次のとおりです。

現在、scrollorama jquery プラグイン ( http://johnpolacek.github.io/scrollorama/ )を調査しています。

これまでのところ、これは優れたプラグインですが、私のニーズを正確には満たしていません。これは私の考えなので: 訪問者が特定の div にスクロールすると (次の値を取得したとしましょう: blockIndex = 1)、トップバーをアニメーション化します。しかし、scrollorama で実際に見つけられるのは、スクロールしたばかりの div にあるものを実現することだけです。

if (i != '1') { $( ".top" ).animate({opacity: 0.25,left: "+= 50",高さ: "トグル"}, 5000, function() {}); };

結果が表示されず、インターネットで解決策が見つかりませんでした。それで、私は基本的に何を探していますか？現在の bloxindex 番号を追跡し、それを使用して Web サイト内の他の要素をアニメーション化できる、scrollorama の有無にかかわらず (あれば素晴らしい) ソリューション。

それが機能するかどうかは正確にはわかりませんが、答えが見つかることを願っています!

乾杯、

リック

TweenMaxのドキュメントには、 の 2 番目のパラメーターは次のように記載されていますto()。

duration:Number — 秒単位の期間 (またはフレームベースのトゥイーンの場合はフレーム単位)

次のスニペットの意味がわかりません。

が 1 に設定されている場合PARAM、トゥイーンは期待どおりに機能します (要素の色がスムーズに変化します)。0 に設定すると、滑らかな遷移はありませんが、座標 500 ですぐに遷移します。

この例では、このパラメーターは秒単位の期間を意味するのではなく、フレームを意味していると思います。これは事実ですか？そして、それは正確にはどういう意味ですか？

SuperScrollorama で銃をアニメーション化しようとしています。アイデアは、ユーザーが下にスクロールすると銃が発砲するというものです。これには、かなり複雑なトゥイーンが含まれます。

これが私がこれまでに持っているものです（* Firefoxで最適に機能します）：

https://googledrive.com/host/0B8V6b1tb9Ds5cDBYTlJpOWhsb1U/index.html

引き金を引いてハンマーを後方に回転させたので、回転: -25 に達した後、ハンマーを回転: 0 にスナップさせる必要があります。このタイムラインを追加する方法がわかりません。

これが私のスクリプトです：

誰でも私にできる助けをいただければ幸いです。Superscrolloramaサイトをできる限り読み、あらゆる種類のコード スニペットを調べました。まだそれを理解することはできません。

superscrollorama を使用してスクロール上の写真をアニメーション化しようとしています! 私の問題は、スクロールして一番上に戻るとうまくいかないことです! 私が使用しているコードは次のとおりです。

何か案が？前もって感謝します！