Size: a a a

2020 October 22

ER

Eric Rovell in Svelte [svelt]
Alexander Lampel
А предыдущий контент удаляется? Который в самом верху остался?
Нет, он остаётся на месте. Я использую key а each блоке для этого.
источник

ER

Eric Rovell in Svelte [svelt]
Alexander Lampel
А предыдущий контент удаляется? Который в самом верху остался?
источник

ER

Eric Rovell in Svelte [svelt]
Новые данные спредом добавляю в список. Срабатывает реактивность. Чтобы не перерисовывать, проверяю через _id, он уникален
источник

МТ

Марк Танащук... in Svelte [svelt]
Moonpax Vadim
Привет всем! Какой UI design  используете на Svelte? Какие есть похожие на Ant Design?
В большинстве случаев с нуля написанный Flat
источник

МТ

Марк Танащук... in Svelte [svelt]
Eric Rovell
Всем доброго дня!

Может, кто реализовывал "бесконечную" прокрутку у себя в проектах. До этого ставил observer на элемент в конце страницы и грузил новую порцию данных. Решил переделать под кнопку "подгрузить еще".

Проблема в том, что все работает, но пользователь остается в конце страницы, а новый контент уходит вверх.

Как можно было бы решить этот казус?
https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/

Может эта статья поможет
источник

A

Arushwl in Svelte [svelt]
источник

MZ

Misha Zamkevich in Svelte [svelt]
Eric Rovell
Всем доброго дня!

Может, кто реализовывал "бесконечную" прокрутку у себя в проектах. До этого ставил observer на элемент в конце страницы и грузил новую порцию данных. Решил переделать под кнопку "подгрузить еще".

Проблема в том, что все работает, но пользователь остается в конце страницы, а новый контент уходит вверх.

Как можно было бы решить этот казус?
источник

S

Sergey in Svelte [svelt]
Eric Rovell
Всем доброго дня!

Может, кто реализовывал "бесконечную" прокрутку у себя в проектах. До этого ставил observer на элемент в конце страницы и грузил новую порцию данных. Решил переделать под кнопку "подгрузить еще".

Проблема в том, что все работает, но пользователь остается в конце страницы, а новый контент уходит вверх.

Как можно было бы решить этот казус?
источник

AP

Alexander Ponomarev in Svelte [svelt]
лул ни одного слова про специальное цсс свойство против шифта
источник

МТ

Марк Танащук... in Svelte [svelt]
Alexander Ponomarev
лул ни одного слова про специальное цсс свойство против шифта
Там заметка про элементы под бесконечным блоком
источник

МТ

Марк Танащук... in Svelte [svelt]
а про какое свойство собсно речь?
источник

AP

Alexander Ponomarev in Svelte [svelt]
источник

МТ

Марк Танащук... in Svelte [svelt]
Его нужно выключать?
источник

МТ

Марк Танащук... in Svelte [svelt]
Когда делал бесконечные блоки как ни странно нигде не встречал упоминания о выключении этого свойства =\
источник

AP

Alexander Ponomarev in Svelte [svelt]
я не удивлён)
источник

МТ

Марк Танащук... in Svelte [svelt]
Alexander Ponomarev
я не удивлён)
Хрен знает почему в гугле о нем ничего не упоминается по запросах "Бесконечный скролл".

Оно вообще справляется лучше чем используя js или нет?
источник

AP

Alexander Ponomarev in Svelte [svelt]
оно не скролит страницу если контент добавил высоты скролла
источник

МТ

Марк Танащук... in Svelte [svelt]
Alexander Ponomarev
оно не скролит страницу если контент добавил высоты скролла
А layout shift который на сео влияет исправляет/не ухудшает?
источник

AP

Alexander Ponomarev in Svelte [svelt]
хз
источник

МТ

Марк Танащук... in Svelte [svelt]
Если с ним ухудшается l. shift, то наверное pure js лучше будет, чтобы все в одном месте было.

Гугл вообще дико на сдвиг разметки реагирует - едва дергался во время анимации в прошлом проекте блок с скроллом, так он из-за этого сайт на 2 страницы вниз в выдаче поиска его переместил
источник