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

با سلام و وقت بخیر
من یک طراحی انجام دادم که توش منو را بصورت استیکی در نظر گرفتم. در واقع داخل تگ nav با آی دی navbar نوشتم:

navbar{
    position:sticky;
    top: 0;
}

حالا منو تا جایی از اسکرول (تقریبا تا وسطای صفحه) به حالت استیکی بالا نشون داده میشه ولی نصف صفحه را که طی میکنیم پایینتر دیگه منو نا پدید میشه. در صورتیکه من نه کد جاوا اسکریپتی زدم واسه این کار نه اصلا میخوام همچین کاری بشه.