Remove/Add infinite scroll on a page dynamically

Hello,

I would like to remove or add infinite scroll on a page dynamically.

<div class="page-content infinite-scroll-content" data-infinite-distance="50" @infinite="loadMore">

How would I go about that?

Thanks!

Calling related API methods https://framework7.io/docs/infinite-scroll.html#infinite-scroll-app-methods
Or just ignore logic in your loadMore handler if it is “disabled”

1 Like