<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>jquery implementation when pulling scroll bar to bottom load data </title>
<script type= "Text/javascript" src= "Http://code.jquery.com/jquery-1.6.4.min.js" ></script>
<script type= "Text/javascript" >
var totalheight = 0;//defines a total height variable
$ (window). Scroll (function () {
Totalheight = parsefloat (window). Height ()) + parsefloat ($ (window). scrolltop ());//browser height plus scroll bar height
if (document). Height () <= totalheight)//Start loading data dynamically when the height of the document is less than or equal to the total height
{
Loading data
$ ("#container"). Append ("I am the newly loaded data <br/> I am the newly loaded data <br/> I am the newly loaded data <br/> I am the newly loaded data <br/> I am the newly loaded data <br/> I am the newly loaded Data <br/> ");
}
});
</script>
<body>
<div id= "Container" >
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data Dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/> dynamically load data <br/> dynamically load Data <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/>
Load data dynamically <br/> load data dynamically <br/> dynamically load data <br/> load data dynamically <br/> dynamically load data <br/> dynamically load Data <br/>
</div>
</body>
jquery implementation when pulling the scroll bar to the bottom to load the data