滚动条,jquery

01    alert($(window).height()); //浏览器时下窗口可视区域高度
02    alert($(document).height()); //浏览器时下窗口文档的高度
03    alert($(document.body).height());//浏览器时下窗口文档body的高度
04    alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
05    alert($(window).width()); //浏览器时下窗口可视区域宽度
06    alert($(document).width());//浏览器时下窗口文档对于象宽度
07    alert($(document.body).width());//浏览器时下窗口文档body的高度
08    alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
09      
10    alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
11    alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

 

 

 

//滚动条在最底端的时候
if (document.documentElement.scrollHeight == (document.documentElement.scrollTop|document.body.scrollTop)+document.documentElement.clientHeight) {
//到最底端去请求新数据
var table=I.$('tag','table')[0];
var start=parseInt(table.rows[table.rows.length-1].cells[0].innerHTML)+1;;
var length=10;
var param='start='+start+'&length='+length;
I.AJAX.post('/test2/DataServlet',param,function(o){
var persons=I.AJAX.json(o.responseText);
//加载新的十行数据
for(var i=0;i<persons.length;i++){
var row=table.insertRow(table.rows.length);
row.insertCell(0).innerHTML=persons[i].id;
row.insertCell(1).innerHTML=persons[i].name;
row.insertCell(2).innerHTML=persons[i].age;
row.insertCell(3).innerHTML=persons[i].hoppy;
}
//删除前十行数据
for(var i=0;i<10;i++){
table.deleteRow(1);
}
window.scroll(0,parseInt(document.documentElement.scrollTop)-15);//设置滚动条的位置
});
}

//滚动条在最顶端的时候
if((document.documentElement.scrollTop|document.body.scrollTop)==0){

var table=I.$('tag','table')[0];

var e=table.rows[1].cells[0].innerHTML;
if(e!='0'){
var s=parseInt(e)-10<0?0:parseInt(e)-10;
var param='start='+s+'&length=10';
I.AJAX.post('/test2/DataServlet',param,function(o){
var persons=I.AJAX.json(o.responseText);
//加载新的十行数据
for(var i=0;i<persons.length;i++){
var row=table.insertRow(i+1);
row.insertCell(0).innerHTML=persons[i].id;
row.insertCell(1).innerHTML=persons[i].name;
row.insertCell(2).innerHTML=persons[i].age;
row.insertCell(3).innerHTML=persons[i].hoppy;
}
//删除后十行数据
for(var i=0;i<10;i++){
table.deleteRow(table.rows.length-1);
}
window.scroll(0,15);//设置滚动条的位置
});
}
}

下边的代码是使用Jquery来实现:
//感应滚动条的高度载入新内容
$(window).scroll(function(){
aa=parseInt($(document).height()); //获取文档的高度
oo=parseInt($(document).scrollTop()); //获取滚动条到顶部的垂直高度

if((aa-oo)<800){
if(!windows.ia){
ia=1;
$.post("sys.php",{work:"hotels",s:('a=c+d 中国e+f&g>h')},function(msg){//用ajax即时获取伺服器上的资料
if(msg.length>0){
$("#index #tab5 #tab19").last().after(msg);
ia=null;
}else{
$("#index #div2").last().remove();
$("#index #tab5 #tab19").last().after('<span>Error:没有搜寻到任何结果,请尝试更换搜寻条件!</span>');
}
});
}
}
});