2012-11-28 13 views
6

Voglio caricare gli elementi mentre scorrono in vista per ridurre il carico del server, ad es. miniature, ma vorrebbe che il loro segnaposto divs esista da quando viene caricata la pagina. Per fare ciò, penso di aver bisogno di un trigger di qualche tipo quando lo div diventa visibile.C'è un evento Javascript che si attiva quando un elemento HTML scorre in vista?

jquery-appear è stato suggerito, ma non riesco a ottenere una copia di esso da qualsiasi luogo (Google mi dà un errore 403)

Qualcuno sa come altro fare questo?

+1

Che dire [jQuery Waypoint] (http: //imakewebthings.com/jquery-waypoints/)? –

risposta

5

Credo jQuery punti modo è il plug-in potrebbe essere necessario:

http://imakewebthings.com/jquery-waypoints/

Qui di seguito è come si può chiamare un plugin waypoint:

$(document).ready(function() { 
    var $loading = $("<div class='loading'><p>Loading more items&hellip;</p></div>"), 
    $footer = $('footer'), 
    opts = { 
     offset: '100%' 
    }; 

    $footer.waypoint(function(event, direction) { 
     $footer.waypoint('remove'); 
     $('body').append($loading); 
     $.get($('.more a').attr('href'), function(data) { 
      var $data = $(data); 
      $('#container').append($data.find('.article')); 
      $loading.detach(); 
      $('.more').replaceWith($data.find('.more')); 
      $footer.waypoint(opts); 
     }); 
    }, opts); 
}); 
Problemi correlati