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