Question

I’m building a HTML website where I would like to load an iframe if the user scrolled nearly to the bottom.
(The iframe contains a lot of JavaScript heavy follow me widgets that are slowing down the website if they would be loaded directly)

How can that be done?

Thanks. Uli

Answer 1

use .scroll()

Like so:

$(window).scroll(function() {   
   if(($(window).scrollTop() + $(window).height()) == $(document).height()) {
       $('div').append('<iframe></iframe>');
   }
});​

Here’s a fiddle with an example – http://jsfiddle.net/vRLsg/