HTML页面实现鼠标无限滚动下拉

做一个日志在线查看的功能，需要无限下拉的功能。
前提条件：页面必须有滚动条
贴一下代码。
前台页面：

	<!-- 显示内容 -->
	<div class="container" id="container"></div>
	<!-- 显示提示信息 -->
	<div class="nodata" id="nodata"></div>

js代码：
主要是判断滚动条是否到了底部，到了的话，就触发后台数据查询事件。

//滚动条在Y轴上的滚动距离
function getScrollTop(){
    var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;
    if(document.body){
    	bodyScrollTop = document.body.scrollTop;
    }
    if(document.documentElement){
    	documentScrollTop = document.documentElement.scrollTop;
    }
    scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
    return scrollTop;
}
 
//文档的总高度
 
function getScrollHeight(){
	var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
	if(document.body){
		bodyScrollHeight &