當頁面向下滾動時，導航欄移動到頂部

Question

最近找到了此頁面，並且想要複製其網站的導航欄。

當你注意到，當頁面加載導航欄使用透明背景，並有填充。但是當用戶向下滾動時，酒吧會向上滑動並粘在頂部。相當了不起！

http://whois.domaintools.com/

如果我用不誤引導的導航欄本身，但我不知道他們是怎麼做到的scolling下來當滑動到頂部。

任何人有任何想法如何可以完成？

感謝 JIACHEN :)

Answer 1

它是使用設置的位置固定和頂部爲0px完成。 它繼續檢查Navbar的偏移量，一旦它到達頂部，它使它固定與頂部0px。 你可以找到一個工作示例How to Bootstrap navbar static to fixed on scroll?。您可以在哪裏找到有效的JSFiddle URL。

希望這可以幫助你瞭解它是如何完成的。