position: sticky

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p class="no_idt"><a class="oln" data-kno="K#EDD2/0731" href="/0731" rel="nofollow"><code>position: sticky</code></a>を使えばできそう。
<br>→できた。
</p><p><a class="img" href="https://i.gyazo.com/5917cb7efee196df90aeb7fc865e1215.gif"><img src="https://i.gyazo.com/5917cb7efee196df90aeb7fc865e1215.gif" style="max-width: 100%;"></a></p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

『t_wの輪郭』の検索フォームをスクロールに追従させる

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p><a class="URI" href="https://dezanari.com/css-sticky-header/" target="_blank" rel="noopener nofollow ugc">https://dezanari.com/css-sticky-header/</a>
</p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

position: sticky

『t_wの輪郭』の検索フォームをスクロールに追従させる

『【jQuery不要】CSSだけ！途中から追従するスティッキーヘッダーを簡単に作る方法（サンプル付）』