Динамическая загрузка блоков при скроллинге

<div id="lazyblock">
<script>
function lazyblock(){
   var wt = $(window).scrollTop();    //* top of the window
   var wb = wt + $(window).height();  //* bottom of the window
 
   $("#lazyblock").each(function(){
      var ot = $(this).offset().top;  //* top of object (div)
      var ob = ot + $(this).height(); //* bottom of object
      if(!$(this).attr("loaded") && wt<=ob && wb >= ot){
         $(this).html('<iframe src="/block.html" scrolling="no" frameborder="0"
                        style="border:none; overflow:hidden; width:211px; height:790px;" allowTransparency="true">
                      </iframe>');
         $(this).attr("loaded",true);
      }
   });
}
 
$(document).ready(function(){
    $(window).scroll(lazyblock);
    lazyblock();
});
</script>
</div>


Оставить комментарий

Содержание этого поля является приватным и не предназначено к показу. Если есть аккаунт Gravatar, то отображается глобальный аватар.

Подробнее о форматировании

КАПЧА
А ты не робот? Введи 5 цифр
                                                             
888888888888 88 ad888888b, 88 ad888888b,
,8P' ,d88 d8" "88 ,d88 d8" "88
d8" 888888 a8P 888888 a8P
,8P' 88 ,d8P" 88 aad8"
d8" 88 a8P" 88 ""Y8,
,8P' 88 a8P' 88 "8b
d8" 88 d8" 88 Y8, a88
8P' 88 88888888888 88 "Y888888P'

Enter the code depicted in ASCII art style.
To prevent automated spam submissions leave this field empty.