html下拉条触发事件 css 滚动条滑动到底部时触发事件

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("滚动条到底部了");

});

});

本文来源于网络：查看>/u011773011/article/details/16902813