滚动距离、可视窗口大小的获取以及兼容模式写法

获取滚动距离

常规方法：

（1）window.scrollX/scrollY

（2）window.pageXOffset/pageYOffset

（3）document.documentElement.scrollLeft/scrollTop （标准模式）

（4）document.body.scrollLeft/scrollTop （怪异模式）

兼容模式的封装写法：

function getScrollOffset() {
   
    if (window.scrollX) {
   
        return {
   
            x: window.scrollX,
            y: window.scrollY,
        };
    } else if (window.pageXOffset) {
   
        return {
   
            x: window.p