<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>
Комментарии