DIV滚动条到底部判断且自动加载，到上限更多选项

JS部分：

function getDivScrollHeight(){
var dv = document.getElementsByTagName("ul").item(0);
return dv.scrollHeight;
}

function getDivScrollTop(){
var dv = document.getElementsByTagName("ul").item(0);
return dv.scrollTop;
}

function getDivHeight(){
var dv = document.getElementsByTagName("ul").item(0);
//dv.clientHeight 不包含滚动条的区域
return dv.style.height|window.getComputedStyle(dv,null)["height"]|dv.clientHeight;
}

//如果滚动到底部，自动加载

var counter=0;

function showMore() {if (counter >= 10) {//更多选项alert("More...");return;}var parent = document.getElementsByTagName("ul").item(0);var child = document.createElement("li");child.innerHTML = "<p>"+counter+"</p>"parent.appendChild(child);counter++;}

//调用

document.getElementsByTagName("ul").item(0).addEventListener("scroll",function(){if(getDivHeight()+getDivScrollTop()==getDivScrollHeight()){alert("正在加载更多...");showMore();}});