javascript - (doc && doc.scrollTop || body && body.scrollTop || 0) 返回 'Window' 对象

Question

我只想获取文档的滚动条并使用此 answer 中的代码.但我得到的是一个“窗口”对象。我已经用 IE 10、Chrome 和 Firefox 进行了测试。这是我的代码:

    var doc = document.documentElement, body = document.body;
    var left = (doc && doc.scrollLeft || body && body.scrollLeft || 0);
    var top = (doc && doc.scrollTop  || body && body.scrollTop  || 0);

    scroll = {
        top: (doc && doc.scrollTop  || body && body.scrollTop  || 0),
        left: (doc && doc.scrollLeft || body && body.scrollLeft || 0)
    };


    console.log(scroll.top); // return 0
    console.log(top); // return object 'Window'

我认为这是一个简单的问题，但我不明白为什么它会返回一个对象。

Answer 1

您的变量 top 在窗口范围内。我可以用 window.top 或 window.left 引用它。 window.top 的问题已经定义。 window.top指的是层次结构中最顶层的窗口。浏览器不允许您设置该变量。

您需要将其定义为不同的变量或更改范围，使其不与全局 [window] 命名空间冲突。