0

私は jQuery の初心者なので、正しい方向に進み続けるためのヒントを探しています。

私がしたいことは、ユーザーがページを下にスクロールしている間に固定画像が回転することです。理想的には、スクロールと一致する回転速度 (高速スクロール = 高速回転) です。

これは私がいるところです：

$(window).scroll(function () { 
  $("img").css("-webkit-transform","rotate(90deg)") 
});

90 度よりも小さい増分を使用する必要があることはわかっています。もちろん、より多くのベンダー プレフィックスが必要になりますが、ここでの主な問題は、画像が 90 度回転するのは 1 回だけであることです。せめて不格好に何度も回転させたい。それから私はそれをスムーズにするために取り組むことができます.

ありがとう

4

1 に答える 1

1

あなたが求めているのは、基本的にパララックス サイトがどのように機能するかということです。特定の要素はスクロールのアクションに関連付けられています。これを機能させるには、スクロールが発生するたびにウィンドウの位置を取得します。

これは最初は頭を包むのが難しいでしょうが、そのスクロール位置を使用して計算を行い、回転の度合いに入ります。

このチュートリアルを読んで、スクロール位置についての理解を深めてください。

視差のチュートリアル

于 2012-07-27T14:27:46.807 に答える