1
http://techcrunch.com/にアクセスして下にスクロールします。どうやってやっているの?トップラインに新しいロゴがどのように表示されますか? jQueryのトリックはありますか?どのように人が一定量のピクセルをスクロールし、彼に新しいhtmlを表示するかを決定する方法は?あなたがスクロールダウンしたときを知る方法?
http://techcrunch.com/にアクセスして下にスクロールします。どうやってやっているの?トップラインに新しいロゴがどのように表示されますか? jQueryのトリックはありますか?どのように人が一定量のピクセルをスクロールし、彼に新しいhtmlを表示するかを決定する方法は?あなたがスクロールダウンしたときを知る方法?
@guidoが正しいです。 Chromeのデベロッパーツールでページを見ると、ソナー機能が表示されます:
おそらく
window.pageYOffset
を使用し、document.documentElement.scrollHeight
があり、最後にwindow.onscroll
イベントを使用します。出典
2011-07-17 10:15:28 Guy
これらは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
出典
2011-07-17 10:29:38
ページの上部。 参照:http://jsfiddle.net/XkMrc/2/
出典
2011-07-17 11:40:50 Kolja