圆形进度条动画仅在屏幕可见后启动

Question

任何人都可以帮助我在屏幕可见时启动圆形进度条动画。

$('.html').ClassyLoader({
    percentage: 95
});

<div class="icon-html">
    <canvas class="html"></canvas>
</div>

Answer 1

你是说这个意思吗？ HTML：

 <div class="overall">
   <div class="content">
    your content
   </div>
 </div>

jquery的：

 element = $(".content").offset().top;
 $(window).scroll(function(){
   y = $(window).scrollTop();
   $('.result').html(y);
    if (y >= element){
      $('.content').show();
    }else{
      $('.content').hide().removeAttr('style');
    }
 });

demo

这样做是等到用户滚动到200px更高（页面下方）而不是他显示div而在你的情况下是圆圈