Alex Titakoff

1. Значение текущего скролл > предыдущего - направаление вниз, если текущее значение меньше => вверх.
2.Можно взять оффсет элемента в футере и отталкиваться от него с логикой пунтка 1.

Да, Респонсив выходит поумолчанию и тогда вариант закинуть график в контейнер нужной ширинны

SVG, попозже возможно так же подкину аналог реализиации

-----
непрошло и года ;)
чет руки только дошли
https://github.com/alexiTakov/svg-map-Russia

window.onscroll = отловить значение скролла.
if значение скролла больше "заданного участка высоты", то один стиль нужному эл-ту
else другой стиль

можно отследить разве что уход за область документа (mouseleave)