Question

Currently i have a load more button running when an element is clicked, as can be seen here:

<script type="text/javascript">
     $(document).on('click', '#loadmore', function() {

         etc....
     });
</script>

but is there a way to make this run when a div comes into the view of the browser? really turning it into an infinite load? I’ve been searching around and cant find any solutions, but it seems like something that is likely possible.

So a user will be browsing down the page, views element <div id="#loadmore"> and the function runs?

Answer 1

You could try this plugin jquery-appear.