1
只需訪問http://techcrunch.com/並向下滾動。他們是如何做到的呢？頂部線如何顯示新徽標？有沒有jQuery的伎倆？如何確定何時向下滾動一定數量的像素並向他顯示新的html？如何知道你何時向下滾動？
2011-07-17 good_evening
1
只需訪問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-index層上，其中部分被動態標識最初透明佔據。當引發jquery事件時，他們只是使新標識在任何底層內容上方可見。
[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
它們使用window.scroll（）函數來監聽滾動事件，則使用window.scrollTop（）來確定從偏移的標識頁面的頂部。 參見：http://jsfiddle.net/XkMrc/2/
來源
2011-07-17 11:40:50 Kolja