Inifity Scroll for vue

gistfile1.txt

getDistFromBottom() {
      const scrollPosition = window.pageYOffset;
      const windowSize = window.innerHeight;
      const bodyHeight = document.getElementById('deals-page').offsetHeight;

      return Math.max(bodyHeight - (scrollPosition + windowSize), 0);
    },
  scroll() {
    window.onscroll = () => {
      if (!this.nextPage) return;
      const valueToScrool = window.innerHeight / 4;
      const distToBottom = this.getDistFromBottom();

      if (distToBottom > 0 && distToBottom <= (valueToScrool) && !this.loading) {
        this.getData(true, this.nextPage);
      }
    };
  },