Зафиксировать div на время прокрутки пока происходит анимация
 

Уважаемые форумчане. Который день бъюсь никак не могу решить проблему. Надо, чтобы во время скроллинга мышью страницы на время выполнения анимации блок зависал бы (то есть скроллинг мышью шел бы, но при этом блок был не подвижен, а в это время выполнялась бы анимация в данном блоке). Объяснить не могу толком. могу привести пример.
Вот пример того, чего пытаюсь сделать
http://johnpolacek.github.io/scrolld...ks/responsive/

И вторая часть вопрос - в данном блоке пытаюсь вывести круговой скроллбар процентный, чтобы он реагировал именно на скроллинг именно по данному блоку. Пример взят отсюда
http://smartlanding.biz/jquery-knob-animaciya-chisel-s-progress-barom.html
Но он реагирует только тогда, когда указатель мыши находится в самом блоке. А как сделать, чтобы он реагировал при прокрутке колесиком мыши бокового скролла страницы?

Блок может быть неподвижным "относительно окна браузера" в двух случаях:
- используется

position: fixed;

- используется

position: absolute;

и JS скрипты пересчитывают его местоположение