Answers.Body: <p>Got it.  Using the CraftCMS paginate example - I just needed to add the pagination url for the next page. </p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-04T19:14:45.857Z
Answers.LastActivityDate: 2017-01-04T19:14:45.857Z
Answers.UserDisplayName: Hellyar
Body: <p>I want to integrate Waypoints JS's Infinite Scroll instead of using traditional pagination.  I think the Straight Up Craft site uses this approach on its blog.</p>
  
  <p>How might you template the following HTML to work with CraftCMS?  I know how to limit or not limit the number of entries, but how do you template to load each successive group of (say) 12 entries as you reach a waypoint - that is the "infinite-more-link"?</p>
  
  <pre><code>&lt;div class="infinite-container"&gt;
  &lt;div class="infinite-item"&gt;
  &lt;div class="infinite-item"&gt;
  &lt;div class="infinite-item"&gt;
  ...&lt;/div&gt;
  &lt;a class="infinite-more-link" href="/next/page"&gt;More&lt;/a&gt;
  </code></pre>
  
Tags: <templating>
Title: How would you template for Infinite Scroll?
ThreadText: # How would you template for Infinite Scroll?
  
  (Asked by: username_0 on 2017-01-04)
  
  I want to integrate Waypoints JS's Infinite Scroll instead of using traditional pagination. I think the Straight Up Craft site uses this approach on its blog.
  
  How might you template the following HTML to work with CraftCMS? I know how to limit or not limit the number of entries, but how do you template to load each successive group of (say) 12 entries as you reach a waypoint - that is the "infinite-more-link"?
  
  ```
  <div class="infinite-container">
  <div class="infinite-item">
  <div class="infinite-item">
  <div class="infinite-item">
  ...</div>
  <a class="infinite-more-link" href="/next/page">More</a>
  
  ```
  
  **Tags:** templating
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2017-01-04. Score: 1 | Accepted answer
  
  Got it. Using the CraftCMS paginate example - I just needed to add the pagination url for the next page.
  
  
  ---
  
  