-1

私はcss3トランジションの一種の初心者です。不透明度：Oから1までのcss3アニメーションを使用して、スクロール位置（または表示されている場合）で画像をトリガーしたいと思います。ここに素晴らしい例があります：http：//bonvalletromain.com / projects /citroen-creative-awards

画像でも同じことをして、スクロール位置でトリガーしたいと思います。

何か案が ？

4

1 に答える 1

1

イベントをトリガーするには、なんらかのJavaScriptを使用する必要があると思います。jQueryを使用してウィンドウのスクロールイベントをリッスンする簡単なソリューションを次に示します。

$(window).scroll(function(){
  if ($(document).height() - $(window).height() < 20)
  {        
     $('#DivWithImage').fadeIn();
  }
});

（上記は、コンテンツjQueryプラグインを表示するためのスクロールに基づいています）。

ここに示すように、上記を変更してdivにクラスを追加することができます：http：//www.impressivewebs.com/css3-transitions-javascript/

したがって、css3を使用してアニメーションを実行しますが、すでにjQueryを使用している場合は、なぜわざわざするのでしょうか。

于 2013-03-25T19:27:36.597 に答える