div滚动到底部自动加载

Question

<div id="showdiv" class="scrolldiv"><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/></div>    <style type="text/css">        .scrolldiv{            background-color:#ff0000;            width:500px;            height: 400px;            margin:10px auto;            overflow-y:scroll;            padding:10px;        }</style><script type="text/javascript">var divscroll=document.getElementById("showdiv");function divscroll(){    var wholeHeight=divscroll.scrollHeight;    var scrollTop=divscroll.scrollTop;    var divHeight=divscroll.clientHeight;    if(divHeight+scrollTop>=wholeHeight){        alert("已经到达底部");    }    if(scrollTop==0){        alert("已经到达顶部");    }}divscroll.onscroll=divscroll;</script>

Answer 1

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