2011-07-17 13 views
1

http://techcrunch.com/にアクセスして下にスクロールします。どうやってやっているの?トップラインに新しいロゴがどのように表示されますか? jQueryのトリックはありますか?どのように人が一定量のピクセルをスクロールし、彼に新しいhtmlを表示するかを決定する方法は?あなたがスクロールダウンしたときを知る方法?

+0

@guidoが正しいです。 Chromeのデベロッパーツールでページを見ると、ソナー機能が表示されます:

0

おそらくwindow.pageYOffsetを使用し、document.documentElement.scrollHeightがあり、最後にwindow.onscrollイベントを使用します。

1

これらはjqueryのソナー・プラグインを使用している[1]特別なjQueryのイベントを定義している[2]。

このトリックでは、非常に高いzインデックスレイヤーに静的に配置されたトップエレメントを置き、最初にダイナミックロゴが占める部分を透明にします。 jqueryイベントがスローされると、基になるコンテンツの上に新しいロゴが表示されます。これらから、ロゴのオフセットを決定するwindow.scrollTop()を使用し、その後、スクロールイベントをリッスンするwindow.scroll()関数を使用

[1] http://artzstudio.com/files/jquery-boston-2010/jquery.sonar/jquery.sonar.js
[2] http://benalman.com/news/2010/03/jquery-special-events/#api


関連する問題