jquery判断滚动条是否到达顶部或者底部

<script>
    $(function(){
        $(window).scroll(function(){
            //离顶部的距离=0
            //方法一:var isTop=$(this).scrollTop();
            //方法二:var isTop=$(document).scrollTop();
            //var isTop=$("body").scrollTop();//ie错误
            //var isTop=$(document.body).scrollTop();//ie错误
            //可视窗口大小+离顶部距离-文档高度>=0
            //方法一:var isBottom=$(this).height()+isTop-$("body").height();
            //方法二:var isBottom=$(this).height()+isTop-$(document).height();
            //方法三:var isBottom=$(this).height()+isTop-$(document.body).height();
            //var isBottom=$(this).height()+isTop-$("body").height();//错误
            if(isTop==0){
                alert('已经到达顶部');
            }
            if(isBottom>=0){
                alert("已经到达底部");
            }
        });
    })
  </script>

  

 

posted @ 2014-08-17 16:29  爆发的驴子  阅读(550)  评论(0编辑  收藏  举报