<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>