查看滚动条的滚动距离

327 阅读1分钟
<hr style ="width:10000px" > 
 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 

<script type="text/javascript">

1 查看滚动条的滚动距离

       window.pageXOffset/pageYOffset------IE8及IE8以下不兼容
        IE8及IE8以下的浏览器
        document.body.scrollLeft/Top
        document.documentElement.scrollLeft/Top
    document.body/documentElement.scrollLeft/scrollTop兼容性比较混乱,用时取两个值相加,因为不可能存在两个同时有值

封装兼容性方法,求滚动轮滚动距离getScrollOffset()

        function getScrollOffset() {
            if(window.pageXOffset){
                return{
                    x:window.pageXOffset,
                    y:window.pageYOffset
                }
            }else{
                return{
                    x:document.body.scrollLeft + document.documentElement.scrollLeft,
                    y:document.body.scrollTop + document.documentElement.scrollTop
                }
            }
        }

getScrollOffset-06-17 225318.jpg

1.1兼容-06-19 082939.jpg

让条件失效,加上0&&。。。

让if失效(0&&)-06-17 225604.jpg