次の見出しまでスクロールしている間、ヘッダー下に固定をしたいです。

例えば下記のようなタグがあったとして、
<div class="title_floating">①</div>
<div class="title_floating">②</div>
<div class="title_floating">③</div>
①を過ぎると①の見出しがヘッダー下に固定され、
②を過ぎると①の見出しは固定解除・②の見出しがヘッダー下に固定される、
といった動きをjQueryで表現したいです。

classを変えればいくらでも実装可能ですが、
同じclassをつけて上記のような動きをさせたいです。
どのようなscriptを組めば良いかご教授お願いいたします。