مشکل در حالت sticky کردن منو

با سلام و وقت بخیر من یک طراحی انجام دادم که توش منو را بصورت استیکی در نظر گرفتم. در واقع داخل تگ nav با آی دی navbar نوشتم: navbar{ position:sticky; top: 0; } حالا منو تا جایی از اسکرول (تقریبا تا وسطای صفحه) به حالت استیکی بالا نشون داده میشه ولی نصف صفحه را که طی میکنیم پایینتر دیگه منو...