إذا قمت بتطبيق خاصية “sticky” على الحاوية الأم، فستعمل… ولكن، إذا كانت هناك تنبيهات أخرى في هذه الحاوية، فستلتصق أيضًا (مثل تنبيه “هل تريد إشعارات مباشرة عندما يرد الأشخاص على منشوراتك؟”).
لدينا خاصية CSS ستعوض بشكل صحيح الجزء العلوي من الرأس:
#main-container.container {
position: sticky;
top: var(--header-offset);
z-index: 9;
}