下記ページのようなjQueryのアニメーションを実装したいです。
https://tapiocahero.com/
3つほど実装の仕方がわかりません。
簡単なコードを教えていただけることありがたいです。
1.1番上左のロゴが右下に大きくなるエフェクト。(animateメソッドでwidthとheightを多くしているのでしょうか。ただanimateが起こる条件がscrollTop>0になったときでいいのでしょうか。)
2.1番上のスライドがページスクロールされると下のセクションが現れて隠れる。
(上のスライドのセクションと下のページセクションのz-indexの差で上のスライドが隠れるのでしょうか。)
3.色々なテキストや写真が横や下からfadeInする。
(fadeInだと思うのですが、横や下からの出現する指定方法がわかりません。あと、fadeInが発生する条件がページが出てからになっていますが、その辺も条件設定があるのでしょうか。)
大まかなで結構ですので、実装方法を教えていただけると助かります。
それを参考にして作ってみたいです。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/09 03:22