body.scrollTop對於某些網站返回0

Question

對於某些頁面，document.body.scrollTop返回0，您能幫助理解為什么嗎？

例如， https：//signup.live.com/signup.aspx

Answer 1

至於<body>的scrollTop為何保持為0的原因，這是因為<body>不是具有內容滾動的元素。

而是頁面內的<div id="c_base" class="c_base" ...> ：

console.log(document.getElementById('c_base').scrollTop);
// e.g., 500

該元素定位為填充視口，並具有垂直溢出功能，允許其內容滾動。

html.fh .c_base {
    overflow-y: auto;
    overflow-x: visible;
    position: absolute;
    /* ... */
}

Answer 2

好的，首先，為了清楚起見， scrollTop是屬性，而不是方法，因此它不返回任何內容。 是 0 。

當沒有垂直滾動條（即整個內容適合顯示頁面）或滾動條已位於元素頂部時，就會發生這種情況。