Join the Webstudio community

Updated 4 weeks ago

Infinite Srolling

At a glance
Is it possible to implement infinite scrolling in Web Studio using NocoDB?
J
D
O
6 comments
Not with the default UI. Two issues come to mind. 1, you'd need a way to append instead of replace existing content and 2, theres no trigger to fetch resources based on scroll position (form submits are the only supported way right now)
Dahm form submits are annoying - anyway to force that via custom code? would this be something that is added in future? @John Siciliano
I would say infinite scrolling reequires a custom coded something, there is a lot of stuff to consider if you really want to make it work:
  1. how many pages should it be able to scroll
  2. how much data and html/dom will the browser need to hold before you need to virtualize rendering
  3. what happens on reload
and many more

I would generally discourage from this pattern unless you can implement this well, most of the time its not worth it
Appreciate the advice @Oleg Isonen - I can now also see the challenges that come with this. Because i'm aiming for a gallery website of this nature > https://www.krea.ai/feed

e.g lazy load images, fetch 30 items per scroll.. overlay open, I can see this might not be the right way of doing it or implementation.
It looks fancy, but even with this custom coded site, on good internet and fancy macbook I get to the bottom and it all gets stuck
Not saying its impossible, but it is not easy
Add a reply
Sign up and join the conversation on Discord