div滚动到底部自动加载

<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; ifdivHeight+scrollTop>=wholeHeight{ alert"已经到达底部"; } ifscrollTop==0{ alert"已经到达顶部"; } }
divscroll.onscroll=divscroll;
</script>

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

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

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注