WOW JS не работает с элементами, которые не отображаются - PullRequest
Новая
       28

WOW JS не работает с элементами, которые не отображаются

0 голосов
/ 28 сентября 2018

WOW JS работает с видимыми элементами, но при прокрутке анимация не работает с другими блоками.В чем может быть проблема?

$(function() {
  new WOW().init();
});
html {
  background: #000 /*url('ocf.berkeley.edu/~sather/wp-content/uploads/2018/01/')*/ no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-content {
  padding: 0 10px;
}

.block_white {
  border-radius: 5px;
  background-color: white;
  height: 180px;
  margin: 5px 8px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>

<div class="mdl-grid">
  <div class="wow bounceInUp animated block_white dl-cell mdl-cell--4-col">

  </div>
  <div class="wow bounceInUp animated block_white dl-cell mdl-cell--4-col">

  </div>
  <div class="wow bounceInUp animated block_white dl-cell mdl-cell--4-col">

  </div>
  <div class="wow bounceInUp animated block_white dl-cell mdl-cell--4-col">

  </div>
  <div class="wow bounceInUp animated block_white dl-cell mdl-cell--4-col">

  </div>
  <div class="wow bounceInUp animated block_white dl-cell mdl-cell--4-col">

  </div>
</div>

снимок экрана проблемы

...