Using infinite scroll with ajax (v2)

Questions
1

Hello everyone,

I figured out how to do Ajax requests and populate a template with Template7. Now I would like to apply infinite scroll to this items list, but I’m getting stuck at it.

Infinite scroll, as documented here, does not appear to get triggered when I try to implement it.

This is my code (without infinite scroll implemented): https://gist.github.com/jeffreyvr/cf7037e4cfab59cc906ea815d9db7aca

Maybe some here have advice how to implement this within the code linked to above?

Help is very much appreciated!

2

Can’t see any related Infinite Scroll classes on page content, e.g. https://github.com/framework7io/framework7/blob/master/kitchen-sink/pages/infinite-scroll.html#L14

1 Like
3

Thanks very much for your reply and url to the kitchen sink example. I will look into that. I had removed the infinite scroll elements from the code because I figured I wasn’t implementing it ‘the right’ way. That’s why I asked for advice on implementation. Thanks again!

Edit:

Implemented it like this: https://gist.github.com/jeffreyvr/87309575bccebfb46256cbf02e841f6d

Works good. Of course it would be nice to be able to use Template7 within this. Is that possible as well?