<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>//スクロール バーから Web ページの先頭までの高さ。IE と互換性があります。 ff, chrome <br>var top = document .documentElement.scrollTop document.body.scrollTop; <br>//ウェブページの高さ<br>var textheight = $(document).height(); webpage-top-current window height<br>if (textheight - top - $(window).height() <= 100) { if (i >= 100) { <br>//コントロールは次のことを行うことができます。最大 100 までロード <br>} <br>$ ('#div1').css("height", $(document).height() 100);i ; <br>//動的データを取得してロードできます実際の状況に応じて div1 に追加します <br>$('< ;div>' i '</div>').appendTo($('#div1')); <br>} <br>}); <br>}) <br><style> <br>#div1 div <br>{ <br>font-size: 100px; <br> margin-top: 5px; <br> </head> <br><body> ; <br><div style="height: 1000px;" > <br><div> div><br><br><div> <br><br> ></body><br></html></div> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
