Question

基本上，我正在寻找的是数字动画，这个网站上有一个很好的例子：http://www.upper-reach.com/

如果你向下滚动，你会看到他们的'Builds completed'等数字。

我该怎么做？

我很感激答案。

Answer 1

您可能需要查看this question，或者可以使用CountUp.JS插件。

如果你想计算数字，你可以在使用CountUp.JS时做这样的事情：

var myDigit = $(".myDivWithDigits").text();

var options = {
  useEasing : true, 
  useGrouping : true, 
  separator : ',', 
  decimal : '.', 
  prefix : '', 
  suffix : '' 
};
var demo = new CountUp("myTargetElement", 0, myDigit, 0, 2.5, options);
demo.start();

Answer 2

<div class="vc_row wpb_row section vc_inner vc_row-fluid" style='text-align:left;'>
         <div class=" full_section_inner clearfix">
<div class="vc_col-sm-4 wpb_column vc_column_container ">
    <div class="wpb_wrapper">
        <div class="q_counter_holder  center" style=""><span class="counter  random" style="color: #bf1e2e;font-size: 50px;">254,336</span>
                        <span class="separator small" style=""></span>
                        <p class="counter_text" style="font-size: 20px;color: #000000;"></p>
</div>
    </div> 
</div>

数字计数器 - 制作一个动画计数器

2 个答案: