jquery - ユーザーがスクロールすると、JQueryの割合が増加します

Question

パーセンテージを表示するインフォグラフィックを作成したいと考えています。パーセンテージを0％から最終的な統計（つまり最大100％）まで増やして、そこで停止します。この効果は、 http：//www.hispanicsatnbcu.com/part3.htmlやhttp://www.smartpowergeneration.com/などのサイトで確認できます（2番目のセクションのさまざまな種類のエネルギーの横にあるパーセンテージに注意してください）。JQuery .scrollTopメソッドを使用して、ユーザーが特定のポイントに到達したときに、スクロールが進むにつれてパーセンテージを上げ始めることができるようにする必要があると思いますが、そのポイントから動的にパーセンテージを上げる方法がわかりません。 。前もって感謝します。

Answer 1

ここの本当に簡単な例

$(window).scroll(function() {
    var startValue = 70; // scrollTop value when to start incrementing
    var stopValue = 300; // scrollTop value when to stop incrementing
    var scrollTop = $(window).scrollTop();
    if (scrollTop > startValue && scrollTop <= stopValue)
        $("#pct").text((((scrollTop-startValue)/(stopValue-startValue))*100).toFixed(0));
    else if (scrollTop <= startValue)
        $("#pct").text(0);
    else if (scrollTop >= stopValue)
        $("#pct").text(100);
});