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

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