DEMOこのページではCSSの【position:sticky;】を使ってスクロールの途中から要素を画面に固定させる方法を実装しているデモサイトです。1が上部に固定されます。スクロール位置がこのブロックの最下部になると固定が解除されます。2が上部に固定されます。スクロール位置がこのブロックの最下部になると固定が解除されます。3が上部に固定されます。スクロール位置がこのブロックの最下部になると固定が解除されます。4が上部に固定されます。スクロール位置がこのブロックの最下部になると固定が解除されます。5が上部に固定されます。スクロール位置がこのブロックの最下部になると固定が解除されます。このようにスクロール位置にかかったタイミングで要素を固定できます。JavaScriptでscrollイベントを使ってスクロール位置を計算してfixedの付け替えなどでも対応できますが、その処理をCSSに任せることで少し軽く実装できそうです。IEでもpolyfillを使うことで対応できます。