169 похожих чатов

Какая реализация infinite scroll кажется вам лучше та что на

скрине или с проверкой наличия элемента в DOM через useMutationObserver?

18 ответов

19 просмотров

Инфинит скролл же должен триггерить загрузку немного ранее, чтобы пользователю подгрузка казалась бесшовной

Oleg- Автор вопроса
Firstname Lastname
Инфинит скролл же должен триггерить загрузку немно...

ну это можно сделать повесив ref не на последний элемент

МНе кажеться, что там просто обработчик вешаеться с debounce на событие прокрутки. Этот обработчик добавляет тебе в состояние новые элементы (например по запросу к серверу). Если у тебя возникает необходимость в ручной проверке DOM, то тут что-то явно не так

Oleg- Автор вопроса

onScroll довольно сложная операция, я бы её избегал

Oleg
onScroll довольно сложная операция, я бы её избега...

а что случится если на онскорлл что-то делать?

Oleg- Автор вопроса
Oleg
страница будет тормозить очевидно

ну а если ты запустишь подгрузку например асинхронно онскролл просто тригернет ее и она станет в очередь, и потом только выполенится, если тебя смущают операции на онскролл, к тому же есть debounce

Oleg- Автор вопроса

когда ты обрабатываешь взаимодействия с DOM (действие по прокрутке) то очевидно что тут не тот случай чтобы завязывать на состояние

Oleg
когда ты обрабатываешь взаимодействия с DOM (дейст...

гм.. В состояние список элементов по этому состоянию мы его рендерим. При прокрутке добавляем элементы в состояние. Кроме того что вешаеться обработчик на зону скрола, Зачем еще нам что то делать напрямую с DOM?

Oleg- Автор вопроса
Sarevok
гм.. В состояние список элементов по этому состо...

скажу по секрету, реакт взаимодействует с дом

Oleg
скажу по секрету, реакт взаимодействует с дом

А вот изначально на какое событие у тебя реагирует добавление элементов? Какое действие пользователя собственно заставляет добавлять элементы в список?

Oleg- Автор вопроса
Sarevok
А вот изначально на какое событие у тебя реагирует...

ну там просто по кнопке открывается список

Oleg
ну там просто по кнопке открывается список

Это понятно. Ты хочешь сделать что бы по прокрутке что то в этот список добавлялось. Так же? Ну и какое действие пользователя должно добавлять эти элементы?

Oleg- Автор вопроса
Sarevok
Это понятно. Ты хочешь сделать что бы по прокрутк...

какое действие? скролл к последнему элементу

Oleg- Автор вопроса
Sarevok
И как ты отловишь этот скрол?

https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API

Oleg
https://developer.mozilla.org/ru/docs/Web/API/Inte...

Интересная штука. Спасибо за ссылку.

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Я вот подумал. SSE выполняет операции максимум с 64-битной точностью. А FPU - всегда с 80-битной. Разве не должно быть FPU точнее тогда?
The Bird of Hermes
13
как быть с принтером? такой подход прокатит?
zamtmn
12
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Я не понимаю, это троллинг или что? Швабрика поддерживают, который буквально пишет на ассемблере взаимодействия с винапи. Я это ещё написал загрузчик и хоть что-то изучаю в о...
Shadow Akira
6
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Привет. Подскажите, как правильно сматчить лист фиксированного размера, чтобы компилятор не говорил мне о неполном паттерне? Допустим что-то такое [x', y'] = sort [x, y]?
Arseny
8
Карта сайта