alisnic/selenium-infinite-scroll.html

## selenium-infinite-scroll.html
<!DOCTYPE html>
<html>
<head>
  <title>Page title</title>
</head>
<body>
  <div id="list">
    <div class="card">
      <h1>Title</h1>
      <p>very, very, very long description</p>
    </div>
  </div>

  <script type="text/javascript">
    var totalCards = 1;

    function renderCard() {
      var card = el.cloneNode(true);
      list.appendChild(card);
      totalCards += 1;
    }

    document.addEventListener("scroll", (event) => {
      if ((window.innerHeight + window.scrollY) < document.body.offsetHeight) {
        return
      }

      if (totalCards >= 30) return;
      setTimeout(renderCard, 200)
    })

    var el = document.querySelectorAll(".card")[0]

    for (var i = 0; i < 20; i++) {
      renderCard()
    }
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page title</title>
	</head>
	<body>
	<div id="list">
	<div class="card">
	<h1>Title</h1>
	<p>very, very, very long description</p>
	</div>
	</div>

	<script type="text/javascript">
	var totalCards = 1;

	function renderCard() {
	var card = el.cloneNode(true);
	list.appendChild(card);
	totalCards += 1;
	}

	document.addEventListener("scroll", (event) => {
	if ((window.innerHeight + window.scrollY) < document.body.offsetHeight) {
	return
	}

	if (totalCards >= 30) return;
	setTimeout(renderCard, 200)
	})

	var el = document.querySelectorAll(".card")[0]

	for (var i = 0; i < 20; i++) {
	renderCard()
	}
	</script>
	</body>
	</html>