javascript - div滚动到底部自动加载

Question

<p id="showp" class="scrollp">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</p>
    <style type="text/css">
        .scrollp{
            background-color:#ff0000;
            width:500px;
            height: 400px;
            margin:10px auto;
            overflow-y:scroll;
            padding:10px;
        }
</style>
<script type="text/javascript">
var pscroll=document.getElementById("showp");
function pscroll(){
    var wholeHeight=pscroll.scrollHeight;
    var scrollTop=pscroll.scrollTop;
    var pHeight=pscroll.clientHeight;
    if(pHeight+scrollTop>=wholeHeight){
        alert("已经到达底部");
    }
    if(scrollTop==0){
        alert("已经到达顶部");
    }

}
pscroll.onscroll=pscroll;
</script>

没有实现，是什么原因，，自己找不到错误问题，，，请教一下大神们。。。。。

Answer 1

函数名跟元素名字重了。
把函数名字改一下就好了。
比如把 function pscroll(){} 改成 function scrollHandle(){}
pscroll.onscroll=pscroll; 改成 pscroll.onscroll=scrollHandle;

Answer 2

初初一看没什么毛病,仔细一看,函数名和id的对象名竟然一样..