这个事件没有对应的函数,需要手动计算一下,用差值来比较。
document.getElementById("divData").onscroll = function() { //var height = document.getElementById("divData").offsetHeight;//250 //var height=$("#divData").height();//250 var scrollHeight = document.getElementById("divData").scrollHeight;//251 var scrollTop = document.getElementById("divData").scrollTop;//0-18 var clientHeight = document.getElementById("divData").clientHeight;//233 if (scrollHeight - clientHeight == scrollTop) { //滚动条滚到最底部 alert("滚到了最底部"); } };
scrollHeight 是div里内容的高度,根据内容的增加和减少变化。
clientHeight 是div内里框框的高度,是死的;
scrollTop 是滚动条的最上端到,div上端内里框框的高度;
当滚动条滚至最下端时
scrollHeight - clientHeight == scrollTop
以此为条件判断是否滚到底。