Как спрятать навигацию при достижении определенной секции?

Question

[MrLisovich]

Вопрос над которым ломаю голову не первый день. Есть навигация, которая должна скрываться при достижении определенного дива. На данном примере допустим, секция #4. Как только достигается секция под номером #4, навигация прячется. Как это реализовать?

Есть варианты с определенной позицией по пикселям, но в зависимости от размера экрана, высота на которой находится блок будет меняться...

Пример на CodePen

Answer 1

[Вадим Кот]

Без jQuery c waypoints

https://codepen.io/web-tech/pen/Gbxqor

Answer 2

[Roma741]

Решение

Comments

[MrLisovich]

Спасибо большое!