Loading content on income until the end of the block?

Question

React

or at least 70% so that the height of the scroll is passed before the callback is called

Answer 1

import React, { useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import Home from './pages/Home';

const App = () => {
  const dispatch = useDispatch();
  const { data } = useSelector((store) => store);

  const [allowScroll, setAllowScroll] = useState(true);

  const scrolling = () => {
    const height = Math.max(
      document.body.clientHeight,
      document.documentElement.clientHeight
    );
    if (
      window.pageYOffset > height * 0.75 ||
      window.pageYOffset > height - 2000
    ) {
      if (allowScroll) {
        setAllowScroll(() => false);
        setTimeout(() => {
          setAllowScroll(() => true);
        }, 2000);
        dispatch({
          type: 'DISPATCH',
        });
      }
    }
  };

  return (
    <div onWheel={scrolling}>
      <Home />
    </div>
  );
};

export default App;

Answer 2

Through useEffect, throw the listener on the scroll of the page, and there do magic with checking for the current height