2012-11-28 8 views
6

मैं तत्व लोड करना चाहता हूं क्योंकि वे सर्वर लोड को कम करने के लिए दृश्य में स्क्रॉल करते हैं उदा। थंबनेल, लेकिन पेज प्ले होने पर मौजूद उनके प्लेसहोल्डर divs को मौजूद करना चाहते हैं। ऐसा करने के लिए, मुझे लगता है कि मुझे div दिखाई देने पर किसी प्रकार की ट्रिगर की आवश्यकता है।क्या कोई जावास्क्रिप्ट ईवेंट है जो ट्रिगर करता है जब कोई HTML तत्व स्क्रॉल करता है?

jquery-appear सुझाव दिया गया था, लेकिन मैं

किसी को भी इस और कैसे करने के लिए पता है (गूगल मुझे एक 403 त्रुटि देता है) कहीं से भी की एक प्रति प्राप्त नहीं कर पा रहे?

+1

क्या [jQuery वेपाइंट] (http के बारे में: //imakewebthings.com/jquery-waypoints/)? –

उत्तर

5

मैं jQuery रास्ता अंक लगता है प्लगइन है आप की जरूरत हो सकता है:

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

नीचे कैसे आप एक वेपॉइंट प्लगइन कॉल कर सकते हैं है:

$(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); 
});