Фиксация меню после отступа
 

Добрый день! Есть основное меню во всю ширину в шапке сайта. Но сначала идёт шапка с контактами, лого и прочими данными (занимаемая высота 160px) а потом только меню.

<header>
Название, телефон, email, логотип
</header>
<nav>
Основная навигация
</nav>
<main>
Контенте
</main>

Подскажите как можно выяснить что nav "упёрся в браузер" и повесить на него класс? Дизайн адаптивный и высота header разная, вариант с вычитанием высоты хедера и з высоты страницы не вариант.

Это значит его top <= 0. Все просто.

if(element.getBoundingClientRect().top<=0)