Executar script somente quando chegar na div

Galera estou com um duvida preciso que o script carregue apenas quando chegar na minha div, pois como a div que via ser carregada tem uma animação e o conteúdo só vai ser mostrado quando o usuário chegar naquele div preciso que o script seja carregado somente quando o usuário rolar a pagina e chegar a determinada div HTML:

<div class="post"> <div class="skills"> <h2>Teste</h2> <div class="demo" data-percent="65"></div> </div>
</div>

SCRIPT QUE FAZ APARECER QUANDO CHEGA NA DIV:

 post(). function post(){ jQuery('.post').addClass("hidden").viewportChecker({ classToAdd: 'visible animated zoomIn', offset: 100, }). }

SCRIPT DO CONTEUDO ANIMADO:

skill(). function skill(){ $('.demo').percentcircle({ animate: true, diameter: 100, guage: 2, coverBg: '#fff', bgColor: '#efefef', fillColor: '#5c93c8', percentSize: '15px', percentWeight: 'normal' }). }

Então como faço para executar a função skill ao chegar na div post?