لماذا position:sticky; لايعمل في لغة ال CSS

Question

لايعمل لدي
position:sticky;   في لغة ال CSS
لكن عند لصق خصائص CSS جاهزة بخاصية position:sticky; من w3schools يعمل لدي

Answer 1

الخاصية position اذا تم تحديدة ل sticky

لايعمل اذا لم تتوفر فيه احد الشرطين

1. يجب تحديد قيمة ال top او ال bottom بعد الخاصية كي يتم تحديد موضعه العمودي ولا يعمل بتحديد ال right او ال left فقط ويمكن ان يعمل بدون تحديد ال right  و ال left
2.  الخاصية sticky لايعمل اذا كان الابن الوحيد للحاوية التي تحويه مثلا لو كان الابن الوحيد لل div فلا يعمل لان ال sticky يجعل العنصر يحوم فوق اخوانه من العناصر الاخرى فلو جعلت العنصر بخاصية sticky ابن الbody يحوم فوق جميع العناصر الاخرى