如果用户滚动到底部，请加载iframe

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/

Answer 2

You can calculate the position when you scroll

$('body').scroll(function(){
    if ($('body').scrollTop() == $('body').height()){
       loadIframe();
    }
});

Answer 3

看看这个jsfiddle-我想它可以满足您的需求。