1

スクロール時に要素をアニメーション化する方法はたくさんありますが、それらはすべて、3 つの状態にまたがるのではなく、ある状態から別の状態にアニメーション化されるようです。

私がやりたいことは次のとおりです。

  • 要素の上部がビューポートの下部に入ります: 不透明度 0
  • 要素がビューポートの中央にある: 不透明度 1
  • ビューポートの上部を離れる要素の下部: 不透明度 0

不透明度0-1-0からウィンドウスクロールでこれら3つの状態をアニメーション化したい

可能ですか？

4

2 に答える 2

0

この質問の jsFiddle を変更して結果を取得しました。このjsFiddleを参照してください。

はopacity、スクロール位置に基づいて設定されます。CSS でスクロールする前opacityに divを 0 に設定しました。もちろん変更できます。

于 2013-07-22T13:24:24.207 に答える