Главная » Блоги » блог teerex

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

4 Декабрь, 2013 - 08:47, teerex

<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 цифр
                                                                   
     88    ad88888ba      ad8888ba,           ,d8       ad8888ba,  
   ,d88   d8"     "88    8P'    "Y8         ,d888      8P'    "Y8  
 888888   8P       88   d8                ,d8" 88     d8           
     88   Y8,    ,d88   88,dd888bb,     ,d8"   88     88,dd888bb,  
     88    "PPPPPP"88   88P'    `8b   ,d8"     88     88P'    `8b  
     88            8P   88       d8   8888888888888   88       d8  
     88   8b,    a8P    88a     a8P            88     88a     a8P  
     88   `"Y8888P'      "Y88888P"             88      "Y88888P"
Enter the code depicted in ASCII art style.
To prevent automated spam submissions leave this field empty.