<div class="codetitle"> <span><a style="CURSOR: pointer" data="86191" class="copybut" id="copybut86191" onclick="doCopy('code86191')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code86191"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head runat="server"> <br><title> 데이터를 로드하려면 스크롤 막대를 당깁니다</title> <br><script src=" Scripts/jquery- 1.4.1.min.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(function () { <br>var i = 4;$(window).bind("scroll", function (event) <br>{ <br>//스크롤 막대에서 웹페이지 헤드까지의 높이, 즉, 다음과 호환됩니다. ff, chrome <br>var top = document .documentElement.scrollTop document.body.scrollTop; <br>//웹페이지 높이<br>var textheight = $(document).height()//높이 웹페이지 상단-현재 창 높이<br>if (textheight - top - $(window).height() <= 100) { if (i >= 100) { return <br>//컨트롤은 다음 작업만 수행할 수 있습니다. 최대 100개까지 로드 <br>} <br>$ ('#div1').css("height", $(document).height() 100);i <br>//동적 데이터를 가져와 로드할 수 있습니다. 실제 상황에 따라 div1에 넣습니다 <br>$('< ;div>' i '</div>').appendTo($('#div1')) <br>} <br>}); <br>}) <br></script> <br><style> <BR>#div1 div <BR>{ <BR>배경: #ccc; margin-top: 5px; <BR>< /style> <BR><body><form id="form1" runat="server"> ; <BR><div style="height: 1000px;" id="div1"> <BR><div> <BR><div> div> <BR></div> <BR></div> <BR></form> ></body> <BR></html> <BR><BR></style> </div>
