@Cryfear
kizaru))

Подгрузка контента при доходе до конца блока?

или хотя бы 70% чтобы было пройдено высоты скролом до вызова колбека
  • Вопрос задан
  • 90 просмотров
Решения вопроса 1
@n1ksON
Интерн
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;
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Simkav
@Simkav
Через useEffect накинуть слушатель на скролл страницы, и там делать магию с проверкой на текущую высоту
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы