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

Немного застрял на одном моменте Имеется обычный div-элемент на странице, который

с помощью css сделан так, чтобы занимать часть страницы независимо от количества содержимого внутри
Внутри этого элемента можно скроллить это самое содержимое: получается что-то типа диалога в вк
Но проблема в том, что при слишком большом количестве сообщений всё это начинает подлагивать (по очевидным причинам) в плане приходится долго ждать, пока все сообщения придут с бэка и отобразятся
Естественно нужно выводить только последние 30-50 сообщений и остальные подгружать, если пользователь скроллит
Так каким образом это лучше всего реализовать?

5 ответов

24 просмотра

Посмотрите в сторону "virtual-scroll-list" возможно поможет

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

Да просто пагинацию забахай, если скролл доходит до какой-то позиции, делай запрос

Aquinary
Очень похоже на то, что нужно

https://tangbc.github.io/vue-virtual-scroll-list/#/infinite-loading

Aquinary
Очень похоже на то, что нужно

А ну и если делаете чат, то там же есть https://tangbc.github.io/vue-virtual-scroll-list/#/chat-room

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

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

30500 за редактор? )
Владимир
47
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Он в одиночку это дело запилил или была какая-то команда?
Aquinary
12
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Oh sorry did you want it in Gunter's chains?
Martin Rys
15
Всем привет, нужна как никогда, нужна помощь с IO в загрузчике. Пишу в code16 после установки сегментных регистров, пишу вывод символа. Пробовал 2 варианта: # 1 mov $0x0E, %a...
Shadow Akira
14
Подскажите пожалуйста, как в CustomDrawCell(Sender: TcxCustomGridTableView; ACanvas: TcxCanvas; AViewInfo: TcxGridTableDataCellViewInfo; var ADone: Boolean); получить наз...
A Z
7
Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Карта сайта