Как сделать ивент при скролле до определенного элемента?
Как вариант: codepen.io/kerf/pen/NjWXqE
Я бы повесил обработчик скролла на h2 и закрепил бы метод.
В методе создаем условие с использованием getBoundingClientRect. Он возвращает объект со значениями top и left. Соответственно, вам нужно top. Если меньше определенного количества пикселей - запускаем событие.