調用此UI行爲是什麼？它是如何實現的？

這真的是個愚蠢的問題，但在http://thenounproject.com/terms-of-use/上，當右邊的信息向上滾動然後保持靜態時，會調用什麼效果。調用此UI行爲是什麼？它是如何實現的？

此外，有沒有一個殺手jQuery教程如何實現這種效果？

THX

2012-07-18 timpone

這是一個浮動導航欄。看看這個線程http://stackoverflow.com/questions/9346557/floating-nav-bar-that-stops-fixed-to-the-top-of-the-page – Bort 2012-07-18 18:55:36

可能重複的[「粘滯」滾動位置] （http://stackoverflow.com/questions/11547346/sticky-scroll-positions） – 2012-07-18 18:56:47

不看太深入到他們是如何做它在具體的例子，我可以告訴你，效果可以通過查看元素的offset和窗口的scrollTop來實現。

如果scrollTop大於偏移量的頂部，這意味着頁面已滾動過該元素。你可以在jQuery中檢查它，然後修改元素的CSS，使其相對於窗口頂部的固定位置。

編輯：扔在一起一個quick and dirty example on jsfiddle。隨意複製代碼，但可能需要清理一下。

2012-07-18 19:04:40 Travis

回答