Webstudio
Log in

Join the Webstudio community

Updated 2 months ago

Infinite Srolling

At a glance

The community members discuss the feasibility of implementing infinite scrolling in Web Studio using NocoDB. The main points are:

1. Implementing infinite scrolling is not possible with the default UI, as it would require appending content instead of replacing it, and there is no trigger to fetch resources based on scroll position (only form submits are supported).

2. Implementing infinite scrolling would require custom coding and addressing several challenges, such as determining the number of pages to scroll, managing the amount of data and DOM elements, and handling page reloads. The community members generally discourage this approach unless it can be implemented well, as it may not be worth the effort.

3. The community members provide advice and discuss the challenges of implementing a gallery website with features like lazy-loading images and fetching items per scroll, noting that even with custom coding, the implementation can still be problematic.

There is no explicitly marked answer in the comments.

Useful resources
DDerrick
·
Is it possible to implement infinite scrolling in Web Studio using NocoDB?
J
D
O
6 comments
JJohn Siciliano
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)
DDerrick
Dahm form submits are annoying - anyway to force that via custom code? would this be something that is added in future? @John Siciliano
OOleg Isonen
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
DDerrick
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.
OOleg Isonen
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
OOleg Isonen
Not saying its impossible, but it is not easy
Add a reply
Sign up and join the conversation on Discord