菜單拆分並修復頂部向下滾動時

Question

我第一次訪問該頁面時的博客。 （實際截屏）

當用戶向下滾動，會發生什麼（實際截屏，並沒有什麼特別的時刻）

這是我想發生（編輯截屏）的內容。

有人請指出我正確的方向，也許教程/讓我知道這個'技術'的術語被稱爲。我相信可以在jQuery/CSS中做到這一點，但我不知道我需要搜索什麼。

我運行WordPress的和邁克爾·諾里斯是頁眉文字和菜單由WordPress的菜單編輯器創建的導航菜單。

有沒有插件可以做到這一點？

在此先感謝。

Answer 1

1. 您需要檢測的滾動事件，可以在jQuery的
2. 使用.scroll()一旦他們開始滾動完成，您必須將位置改變爲元素的塊的FIXED。爲此，您可以使用.css()

我覺得你這個樣子，如果不嘗試將其包裝在一個div

<div class=wrapper></div> 
<h1>Michael Norris</h1> 
<ul> 
<li>Home</li> 
.... 
.... 
</ul> 
</div> 

希望你能理解我的邏輯。