主页 > HTML | JavaScript | jQuery > 判断滚动条到底部代码

判断滚动条到底部代码

2011 年 06 月 23 日 一条评论

废话不说,看代码:


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

发表评论

电子邮件地址不会被公开。 必填项已用*标注


*

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>