Главная » Блоги » блог 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    ad888888b,   888888888888    ad88888ba     ad888888b,  
   ,d88   d8"     "88           ,8P'   d8"     "88   d8"     "88  
 888888           a8P          d8"     8P       88           a8P  
     88        aad8"         ,8P'      Y8,    ,d88        ,d8P"   
     88        ""Y8,        d8"         "PPPPPP"88      a8P"      
     88           "8b     ,8P'                  8P    a8P'        
     88   Y8,     a88    d8"           8b,    a8P    d8"          
     88    "Y888888P'   8P'            `"Y8888P'     88888888888
Enter the code depicted in ASCII art style.
To prevent automated spam submissions leave this field empty.