More than one infinite scroll in a single page

Questions
1

I have two tabs on my page and when I try to initialise infinite scroll on any of the tab divs, it doesn’t work. But when I add it to the page-content div, it works perfectly fine. When I try to have a single infinite scroll on any other divs other than page-content div, it doesn’t seem to work.

So my questions are,

  1. Is it possible to have two infinite scrolls on two tab contents?
  2. Is it possible to make infinite scroll work only on page-content div?
2

If you have two tabs, make sure each one has a page-content. Infinite scroll works well in the page-content container

1 Like
3

I tried adding page-content class and infinite-scroll-content class/id inside the tab now. It doesn’t seem to work too. It works only when I am adding the infinite-scroll-content class/id to the div with the page-content class right after the div with page class!

4

Each Tab must have a page-content class https://framework7.io/docs/tabs.html#scrollable-tabs

1 Like