0

Tried this tutorial not working http://iamjustinlong.com/blog/single/implementing_infinite_scroll_in_your_expressionengine_site/ when I click to next it goes to url instead of appending entries, no error on console.log.

Wondering if any one had luck on infinite loop entries lately. I have simple news channel:

<div class="articles">
  {exp:channel:entries channel="news" dynamic="no" show_future_entries="yes"}
    <div class="article">
      <h1>{title}</h1>
    </div>
  {/exp:channel:entries}
</div>
1

I've used jscroll before http://jscroll.com/ it seems to work fine. Here's some sample code:

<div class="infinite-scroll">
    {exp:channel:entries channel="news" dynamic="no" show_future_entries="yes"}
    <p class="item">{title}</p>
    {paginate}
    {if next_page}
    <a href="{auto_path}" class="jscroll-next">Next</a>
    {/if}
    {/paginate}
    {/exp:channel:entries}
</div>

<script>
$('.infinite-scroll').jscroll({
    loadingHtml: '<img src="loading.gif" alt="Loading" /> Loading...',
    padding: 20,
    nextSelector: 'a.jscroll-next:last',
    contentSelector: '.item'
});
</script>
| improve this answer | |
  • Nice it worked. thx – simpleton Nov 1 '16 at 15:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.