Infinite scroll in Javascript

by shraddhapaghdar

HTML

<body>
<p>
Hello world!
</p>
<p>
Hello world!
</p>
<p>
Hello world!
</p>
<p>
Hello world!
</p><p>
Hello world!
</p><p>
Hello world!
</p><p>
Hello world!
</p><p>
Hello world!
</p><p>
Hello world!
</p>
</body>

JavaScript

var body = document.querySelector("body");

body.onscroll = function () {
console.log(window.scrollY, document.body.offsetHeight , window.outerHeight)
  if (window.scrollY > (document.body.offsetHeight - window.outerHeight)) {
    console.log("It's working!");
    body.style.height = document.body.offsetHeight + 100 + "px";
  }
}