ViewportTest

by suhail

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/is-in-viewport/2.4.2/isInViewport.js"></script>
<div id="test">
  <div class="window" id="w1"></div>
  <div class="window" id="w2"></div>
  <div class="window" id="w3"></div>
  <div class="window" id="w4"></div>
  <div class="window" id="w5"></div>
  <div class="window" id="w6"></div>
  <div class="window" id="w7"></div>
  <div class="window" id="w8"></div>
  <div class="window" id="w9"></div>
  <div class="window" id="w10"></div>
</div>

CSS

.window {
  width: 100%;
  height: 500px;
  border: 1px solid green;
}