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

Question

[andrey balabolkin]

или хотя бы 70% чтобы было пройдено высоты скролом до вызова колбека

Answer 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;

Answer 2

[Simkav]

Через useEffect накинуть слушатель на скролл страницы, и там делать магию с проверкой на текущую высоту

Comments

[andrey balabolkin]

это понятно, мне код нужен, примерно теоритическую часть я и сам понимаю, реализовать не могу

[Simkav]

Arthur Morphy, ну тогда покажите что вы уже сделали, где затык? за готовым кодом это вам на фриланс

[andrey balabolkin]

Simkav, ахахахахахахахах

[Антон Литвиненко]

Arthur Morphy, год назад вы писал что хорошо знаешь js и собирался за 1-2 дня вкатиться в пхп. Тут и я посмеялся.

[andrey balabolkin]

Антон Литвиненко, да, по итогу я поработал на галере 3 месяца, уволился и около года не программировал т.к. перегорел :)), вот неделю назад начал опять.