判断滚动条到底部代码

一条评论

2011 年 06 月 23 日 at 上午 7:41分类:HTML | JavaScript | jQuery

废话不说,看代码:


    $(function(){
	$(window).scroll(function(){
		var bodyTop = document.documentElement.scrollTop + document.body.scrollTop;
                //当滚动条滚到一定距离时,执行代码
		if(bodyTop>10){
			alert(bodyTop);
		}
                //===============================================
		//滚动到底部时出发函数
		//滚动的当前位置+窗口的高度 >= 整个body的高度
		if(bodyTop+$(window).height() >= $(document.body).height()){
			alert('adqfadqs');
		}
               //===============================================
               //判断div内的滚动条是否到底部了
	      $("#div1").scroll(function(){
                   if($("#div1").height()==$("#div1").scrollTop())
                       alert("滚动条到底了");   
	       });
	});
	
         //判断div内的滚动条是否到底部了
	$(document).ready(function (){
              var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
              var nScrollTop = 0;   //滚动到的当前位置
              var nDivHight = $("#div1").height();
             $("#div1").scroll(function(){
                     nScrollHight = $(this)[0].scrollHeight;
                     nScrollTop = $(this)[0].scrollTop;
                    if(nScrollTop + nDivHight >= nScrollHight)
                         alert("滚动条到底部了");
                    });
             });
        })