封装获取浏览器滚轮距离以及窗口大小(兼容IE)

获取浏览器滚轮距离

function getScrollOffset(){
        
    return window.pageXOffset !== null && window.pageXOffset !== undefined ? {
            x: window.pageXOffset,  // IE9及以上
            y: window.pageYOffset,
        } : {   
            x: window.body.scrollLeft + window.documentElement.scrollLeft, // IE9以下
            y: window.body.scrollTop + window.documentElement.scrollTop,
        }
}

获取窗口大小

function getViewportOffset(){
    if (window.innerWidth !== null && window.innerWidth !== undefined) {
        return {    // IE9及以上
            w: window.innerWidth, 
            h: window.innerHeight
        }
    } else{         // IE9以下
        return document.compatMode === "BackCompat" ? {
                w: document.body.clientWidth,               // 向后兼容模式
                h: document.body.clientHeight
            } : {
                w: document.documentElement.clientWidth,    // 标准模式
                h: document.documentElement.clientHeight
            }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容