Htmx Infinite Scroll(alchemists.io)
alchemists.io
Htmx Infinite Scroll
https://alchemists.io/articles/htmx_infinite_scroll
8 comments
Even worse is the back button. Scroll any store and click on an item on page 10 of infinity and then use the back button. Back to page 1 you go. That’s why I open everything in a new tab pretty much by default.
Or you click things on some form, it changes query params in the url (that's fine), but then it turns out each change created a new history item, and to actually navigate back to the previous page you need to click Back 300 times >:(
Whenever I implement infinity scroll I always do it with query params for the page so that it is always possible to jump directly to page X.
Thank you
I don’t actually see any good points against pagination in the opening, and I don’t see any reason to compare pagination to infinite scroll - in fact, I’d argue that comparing them means there’s a misunderstanding of the problem you’re solving for if you see them as equally viable options.
Imo, infinite scroll is for when you don’t care about ever finding something more than once while scrolling - instagram and TikTok are prime examples of this.
Pagination is the opposite - you have a set of data you want to be able to reliably navigate.
The bit about pagination taking up precious screen real-estate is silly, especially in light of the IS example having a whole search bar (I’m assuming the paginated example has an implied search bar but it’s not mentioned). Pagination doesn’t need to take up much space at all - whether your choice of pagination implementation is good for UX is a different beast.
Imo, infinite scroll is for when you don’t care about ever finding something more than once while scrolling - instagram and TikTok are prime examples of this.
Pagination is the opposite - you have a set of data you want to be able to reliably navigate.
The bit about pagination taking up precious screen real-estate is silly, especially in light of the IS example having a whole search bar (I’m assuming the paginated example has an implied search bar but it’s not mentioned). Pagination doesn’t need to take up much space at all - whether your choice of pagination implementation is good for UX is a different beast.
I mostly do not like infinity scroll because your position on the page is often metadata (from the point of view of the user).
It has its place.
e.g., the blog allows you to manually indicate a point on the index, but otherwise you "are" always at the top.
It has its place.
e.g., the blog allows you to manually indicate a point on the index, but otherwise you "are" always at the top.
That's enshittyfication. How come infinite scroll is better then a pager? Omg it's Idiocracy!
Before you would easily go to see pages at random far positions. With infinite scroll there is this frustration of not reaching a bottom and after a few times scrolling and waiting for data to load, you give up, and never go past the fifty or hundred last entries at most.