запуска функции JQuery на определенном уровне прокрутки

Question

Я опробовал JQuery плагин для фантазии круговых диаграмм http://codepen.io/githiro/pen/ICfFE

я реализовал его на этом сайте: http://digi.hkettelhut.de/ Но теперь я не хочу, чтобы это анимировать при загрузке страницы, но на вид секции # general. Я не в jquery, поэтому я не мог понять, как справиться с этой проблемой сам.

Я уже пытался реализовать, если условие:

$(function(){ 
if ($("body").scrollTop() > (window.innerHeight - 5)) { 
    $("#gender").drawDoughnutChart([ 
    { title: "männlich", value: 120, color: "#0478c6" }, 
    { title: "weiblich", value: 80, color: "#FF00FF" }, 
    ]); 

    $("#age").drawDoughnutChart([ 
    { title: "19", value: 20, color: "#0478c6" }, 
    { title: "20", value: 80, color: "#FF00FF" }, 
    { title: "21", value: 35, color: "#0c4883" }, 
    { title: "22", value: 65, color: "#7e0a7e" }, 
    ]); 

    $("#country").drawDoughnutChart([ 
    { title: "Deutschland", value: 165, color: "#0478c6" }, 
    { title: "England", value: 20, color: "#FF00FF" }, 
    { title: "Frankreich", value: 15, color: "#0c4883" }, 
    ]); 
} 
}); 

Answer 1

Поместите свой код внутри обработчика события прокрутки, а затем проверить, если scrollTop тела больше, чем смещение элемента, который вы ищете ,

$(function() { 
    $(window).on('scroll', function (e) { 
    if ($('body').scrollTop() > $(/*element you are looking for*/).offset().top) { 
     // Draw pie chart 
    } 
    }); 
});