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

浏览数：22 / 时间：2015年06月09日

<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>

jquery判断滚动条是否到达顶部或者底部,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。