Добавить класс в заголовок, когда какой-либо элемент div касается верхней части браузера ⇐ Jquery

[Anonymous]

Я пытаюсь изменить класс header, когда какой-то элемент касается верхней части страницы. Если div имеет белый фон, чтобы добавить черный класс заголовка, чтобы текст был виден. Этот код работает только один раз, даже если на странице находится multi .header-hover. .header-hover добавить класс black, .remove-header удалить класс black и затем следующий .header-hover ничего не делать.
$(document).ready(function(){
$(window).on("scroll", function() {
$('.header-hover').each(function(){
var offset = $(this).offset().top - $(window).scrollTop();
if (offset

Подробнее здесь: https://stackoverflow.com/questions/792 ... of-browser