Как выполнить анимацию при прокрутке, а не при загрузке страницы - PullRequest
Новая
       10

Как выполнить анимацию при прокрутке, а не при загрузке страницы

0 голосов
/ 04 января 2019

У меня есть простой индикатор выполнения с загрузочной анимацией.Проблема в том, что анимация загружается, когда страница загружается, и к тому времени, когда я прокручиваю вниз до индикатора выполнения, анимация уже полностью загружена.Как я могу загрузить анимацию в тот момент, когда я попадаю на этот индикатор, чтобы он был виден.

$(document).ready(function(){
	$('.html').animate({width:'85%'},2000);
	$('.css').animate({width:'80%'},2000);
	$('.js').animate({width:'40%'},2000);
});
<section id="skills" class="skills">
      <div class="progress-wrap">
        <div class="progressBar">
          <div class="barTitle htmlColor color">HTML5</div>
          <div class="progress html"></div>
          <div class="progressValue">90%</div>
        </div>
        <div class="progressBar">
          <div class="barTitle cssColor color">CSS3</div>
          <div class="progress css "></div>
          <div class="progressValue">80%</div>
        </div>
        <div class="progressBar">
          <div class="barTitle jsColor color">Java Script</div>
          <div class="progress js"></div>
          <div class="progressValue">40%</div>
        </div>
</section>
...