Copy codeThe Code is as follows: <Head runat = "server">
<Title> pull the scroll bar to load data </title>
<Script src = "Scripts/jquery-1.4.1.min.js" type = "text/javascript"> </script>
<Script type = "text/javascript">
$ (Function (){
Var I = 4; $ (window). bind ("scroll", function (event)
{
// Scroll bar to the height of the webpage header, compatible with ie, ff, chrome
Var top = document.doc umentElement. scrollTop + document. body. scrollTop;
// Webpage height
Var textheight = $ (document). height ();
// Webpage height-top-current window height
If (textheight-top-$ (window). height () <= 100) {if (I >= 100) {return;
// The control can only be loaded to a maximum of 100
}
Dimensions ('{div1'}.css ("height", $ (document). height () + 100); I ++;
// Obtain Dynamic Data and load it to div1 based on actual conditions.
$ ('<Div>' + I + '</div>'). appendTo ($ ('# div1 '));
}
});
})
</Script>
<Style>
# Div1 div
{
Font-size: 100px;
Background: # ccc;
Margin-top: 5px;
}
</Style>
</Head>
<Body>
<Form id = "form1" runat = "server">
<Div style = "height: 1000px;" id = "div1">
<Div>
</Div>
<Div>
</Div>
<Div>
</Div>
<Div>
</Div>
</Div>
</Form>
</Body>
</Html>
