Как менять цвет блока в зависимости от цвета фона?

Question

[pegas]

Как заставить блок txt менять цвет в зависимости от того блока в котором он находится? использую Intersection Observer API. Вниз всё хорошо работает, но не могу добиться такого же поведения при скролле в верх
https://jsfiddle.net/tkhpoa52/

Comments

[pegas]

Я более-менее приблизился к правильному решению — https://jsfiddle.net/xyj2sver/1/

Answer 1

[pegas]

Вот такое решение получилось — https://jsfiddle.net/xyj2sver/2/
Предлагайте свои варианты, интересно будет посмотреть

Comments

[xmoonlight]

Глянул.. Не плохо!
Ещё бы от jquery избавиться и вообще отлично!

[pegas]

xmoonlight, Есть вариант, чтобы этот код на Сафари работал?

[xmoonlight]

pegas, высоту скролла страницы ловить, если этот не работает.