I’m using the messages layout in a popup and I’m trying to use infinite-scroll-top on the .page-content.messages-content
div…but it’s not triggering the infinite
event. I’ve tried all sorts of different values for the data-infinite-distance
attribute, but none work.
Any suggestions on how to get it working?
Layout here:
<div class="page-content messages-content infinite-scroll-content infinite-scroll-top" data-infinite-distance="50">
<div class="preloader infinite-scroll-preloader"></div>
<div class="messages"></div>
</div>
Listener here:
$('#messages-popup .infinite-scroll-content').on('infinite', function () {
console.log('infinite scroll triggered');
});