html 滚动条底部事件,css 滚动条滑动到底部时触发事件-ITKEE社交系统-ITKEE社区-轻量级社区-thinkphp开发社区-HTML模板资源分享-thinkphp技术交流-thinkphp...

ITKEE社区V3.0.1版本更新，补丁包下载了解详情 , 获取ITKEE社区版本，快速授权了解详情

div: 当 滚动的距离+div的高度 == 文档的高度时，则滚动条以滑动到底部。$(document).ready(function (){

var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)

var nScrollTop = 0;   //滚动的距离

var nDivHight = $("#div1").height();  //div高度

$("#div1").scroll(function(){

nScrollHight = $(this)[0].scrollHeight;

nScrollTop = $(this)[0].scrollTop;

if(nScrollTop + nDivHight >= nScrollHight)

alert("滚动条到底部了");

});

});

html:

$(document).ready(function (){

var documentHight = 0; //滚动距离总长(注意不是滚动条的长度)

var scrollTop = 0;   //滚动的距离

var windowHight = $(window).height();    //窗口高度

$(window).scroll(function(){

var documentHight = $(document).height(); //文档高度

var scrollTop = $(window).scrollTop();  //滑动的距离

var windowHight = $(window).height();    //窗口高度

if(nScrollTop + nDivHight >= nScrollHight)

alert("滚动条到底部了");

});

});