仅当div可见时才运行WordPress ajax函数

Question

I have an AJAX function running in Wordpress to fetch 5 of the latest posts, but I would like to run this function only when the user scrolls to a point on the page where a specific div is visible - is this possible using jQuery?

My code so far looks like…

jQuery.ajax({
    type: 'POST',
    url: '/wp-admin/admin-ajax.php',
    data: {
        action: 'get_latest', // the PHP function to run
    },
    success: function(data, textStatus, XMLHttpRequest) {
        jQuery('#posts-load').html(''); // empty an element
        jQuery('#posts-load').append(data); // put our list of links into it
    }
});

Answer 1

You should use waypoints.

var waypoint = new Waypoint({
  element: document.getElementById('#matching_div'),
  handler: function(direction) {
    // your ajax call
  }
})

Waypoints library is available here: http://imakewebthings.com/waypoints/