scroll函数的封装

最新推荐文章于 2022-04-17 11:55:14 发布

天马行空zqzq

最新推荐文章于 2022-04-17 11:55:14 发布

阅读量264

点赞数

本文链接：https://blog.csdn.net/qq_42039912/article/details/104748243

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function getScroll() {
        return {
            //不兼容，能用哪个就用哪个，都不能容返回0
            //调用的时候可以把函数看作对象，getScroll().left
            //getScroll().top
            left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
            top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
        };
    }

    //演变过程
    //3
    function getScroll1() {
        var obj = {};//先定义一个对象
        //这个对象有左和上的属性
        obj.left = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
        obj.top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
        return obj;//返回这个对象
    }

    //2
    function getScroll2() {
        var obj = {//创建对象的第三种方法
            left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
            top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
        };
        return obj;
    }

    //1
    function getScroll3() {
        var left1 = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
        var top1 = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
        return [left1,top1];//返回值以数组的形式
    }
</script>
</body>
</html>