JQuery百分比随用户滚动增加

我正在创建一个显示百分比的图表，我希望它们从0％增加到最终统计（即最大值为100％），然后在那里停止。您可以在类似http://www.hispanicsatnbcu.com/part3.html或http://www.smartpowergeneration.com/的网站上看到这种效果（请注意第二部分中不同类型能源旁边的百分比）。我想我需要使用JQuery .scrollTop方法，以便当用户达到某个点时，它可以开始增加百分比，因为他们滚动更多，但我真的不知道如何动态增加该点的百分比。提前致谢。JQuery百分比随用户滚动增加

来源

2013-02-08 Tony Barsotti

这就是事情我很新的JavaScript和JQuery，我真的不知道从哪里开始。我能够在这里找到一个相关的问题，但它已经关闭，给出的唯一答案是相当一般的。这里的链接http://stackoverflow.com/questions/11737244/how-to-add-a-counter-updating-when-you-scroll-down-a-page – 2013-02-08 17:14:10

真正简单的例子here

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

来源

2013-02-08 17:27:48 kei

看起来正是我需要的！非常感谢。 – 2013-02-08 17:32:49

JQuery百分比随用户滚动增加

回答

相关问题