So, I have a horizontal swiper that works correctly.
I want to be able to infinite scroll inside each slide, something like this:
<div id="swiperRow" class="row no-gap">
<div class="swiper-container">
<div class="swiper-wrapper"></div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
Each slide is created dynamically and added with appendSlide().
I think the problem is that app.infiniteScroll.create(el) does not work, even though every slide has a different class.
The layout seems fine, the preloader appears, but the infinite event handler is dead, driving me to this conclusion.
Another hunch I had is that my timing is bad, maybe because the slides are created at runtime the event handler is not attached correctly (or, probably, at all).
Is what I am trying to do even possible?
Thanks.