当前位置: 代码迷 >> JavaScript >> 圆环进度栏动画仅在屏幕可见后才开始
  详细解决方案

圆环进度栏动画仅在屏幕可见后才开始

热度:95   发布时间:2023-06-07 18:19:59.0

只有在屏幕可见时,任何人都可以帮助我启动圆进度栏动画吗?

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

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

你是这个意思吗 的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');
    }
 });

它的作用是一直等到用户滚动到更高的像素(页面上的像素为200px),并且比用户显示的div(在您的情况下为圆形)高

  相关解决方案