I am using the Blog of the Kirby Starterkit and want to add Infinite Scrolling to the posts. Is there any guide or example for a beginner like me? I can’t seem to find anything that would help me with the Starterkit-Blog.
Me being a beginner means I am good at copy-pasting and changing what needs to be changed (isotope js for example), but writing stuff myself is still a bit too difficult.
This is my personal opinion, but there are very limited good use cases to use infinite scroll (e.g. a site around “content discovery” or when “serendipity” is a huge factor). You also have to take bad SEO into consideration, UI clues for when loading happens, no-js scenario’s, findability of specific content, links, …).
If you really insist on using it I would encourage you to see it as a “progressive enhancement” in an otherwise functional site.
Well, I’m going to use infinite scrolling for a grid of images and want to encourage my users to stay on my website by scrolling. I think that’s a useful cafe for infinite scrolling?!
I’ve tried using the js lib, but unfortunately I have no idea how to combine it with the existing pagination. Do you know if there is any template with a blog using it? Then I could try understanding how it has to work.
Oh, this Infinite AJAX Scroll is indeed pretty nice and it works! Thank you! However, I want to combine it with Masonry and they even have an example of them combined. But apparently I am missing an important part, because the images from page 2 won’t align themselves on the bottom. They make up a new grid with one column starting at the top (behind the images from page 1).
I am still trying to find the solution, but maybe someone has a hint for me.
Ah yes! I was thinking that the realigning was missing. Thank you, now that you confirmed the important bits I actually managed to adjust the code for my stuff aaaaaaaand it works! One grid with many grid items.