在特定滾動水平

Question

我嘗試了花式餅圖http://codepen.io/githiro/pen/ICfFE

我把它落實到這個網站jQuery插件啓動jQuery函數在#general部分的視線上。我不是jquery，這就是爲什麼我不能自己弄清楚如何處理這個問題。

我已經試圖執行一個if語句：

$(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 
    } 
    }); 
});