Как во время скрола скрыть черный блок?

Question

[AnatoliyKarpov]

Фиксированный черный блок в белой зоне чувствует себя хорошо, но когда на экране появляется красный блок нужно, что бы черный пропадал до момента пока с экрана не пропадет красный блок, и допустим на этой странице красный блок в одном месте, а на другой странице красный блок будет в другом месте, поэтому к определенной высоте нельзя привязаться. Подскажите пожалуйста как решить задачку.

https://jsfiddle.net/AnatolikKarpov/8qbzj3gc/65/

Answer 1

[Олег]

С помощью Intersection Observer API

Answer 2

[Иван]

a - высота от верхней границы документа до красного блока.
b - высота окна.
scroll - расстояние которое прошла верхняя граница окна от начала документа