Меню разделяет и исправляет сверху при прокрутке вниз

Question

Мой блог, когда вы впервые заходите на страницу. (Фактический снимок экрана)

Что происходит, когда пользователь прокручивает вниз (фактический снимок экрана, ничего особенного происходит в данный момент)

Это то, что я хотел бы произойти (отредактированный снимок экрана).

Может кто-нибудь указать мне в правильном направлении, возможно, в учебное пособие/дайте мне знать, что называется термином для этой «технологии». Я уверен, что это можно сделать в jQuery/CSS, но я не уверен, что мне нужно искать.

Я бег Wordpress и Майкл Норриса текст заголовка и меню является навигационным меню, созданным в редакторе Wordpress меню.

Есть ли плагин, который будет делать это?

Заранее спасибо.

Answer 1

1. Вы должны обнаружить событие прокрутки, которое может быть сделано с помощью .scroll() в JQuery
2. После того, как они начали прокручивать, вы должны изменить положение к FIXED блока элементов. Для этого вы можете использовать .css()

Я думаю, что у вас есть, как это, если не попытаться обернуть его в DIV

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

надеюсь, вы понимаете мою логику.