رأس لاصق

في قائمة طويلة يختفي العنوان مع أول تمرير، فينسى المستخدم أين هو. position: sticky يُبقي العنصر في مكانه الطبيعي حتى يبلغ حدًّا تحدّده، ثم يلتصق عنده ما دام أبوه ظاهرًا.

والحدّ شرط: sticky بلا inset-block-start (أو top) لا يفعل شيئًا. والعنصر يلتصق بأقرب جدّ يمرّر، فالحاوية تحتاج ارتفاعًا محدودًا وoverflow-y: auto.

والفخّ: overflow: hidden على أي جدّ بين العنصر والحاوية التي تقصدها يجعل ذلك الجدّ هو المرجع، وهو لا يمرّر، فلا يلتصق شيء. وأعطِ الرأس خلفية، وإلا ظهرت الصفوف من خلاله.