码迷,mamicode.com
首页 > 其他好文 > 详细

获取窗口属性/浏览器视口尺寸

时间:2018-07-01 11:46:56      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:兼容   window   封装   body   属性   close   获取   实时   解决办法   

技术分享图片

技术分享图片

 

技术分享图片技术分享图片

技术分享图片

解决办法:相加(IE8以及以下浏览器)

技术分享图片

 

 封装兼容性方法,可以实时返回滚动条滚动距离getScrollOffset():

 

技术分享图片
<script type="text/javascript">
        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
                }
            }
        }

    </script>
    
View Code

 技术分享图片

技术分享图片

技术分享图片

 封装兼容性方法,返回浏览器视口尺寸:

技术分享图片

 

获取窗口属性/浏览器视口尺寸

标签:兼容   window   封装   body   属性   close   获取   实时   解决办法   

原文地址:https://www.cnblogs.com/hmd180324/p/9249391.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!