I am creating a blog in which I want more posts to load when the user scrolls to the bottom of the page. However, I do not want to use a jQuery plugin that pulls the content from another .html file. Instead I want to put all of the posts on one page and limit the amount that are visible then load a couple more as the user keeps scrolling down.
Are There any plugins or snippets that could help me achieve this?
Example:
<-- Visible to users -->
<article> Pretend this is a preview for an article on a blog</article>
<article> Pretend this is a preview for an article on a blog</article>
<article> Pretend this is a preview for an article on a blog</article>
<-- End of Page -->
<-- Infinite Scroll Load (Was Hidden Now Visible) -->
<article> Pretend this is a preview for an article on a blog</article>
<article> Pretend this is a preview for an article on a blog</article>
<article> Pretend this is a preview for an article on a blog</article>
<-- End of Page -->
And Repeat So..
Any help would be appreciated!