关于窗口滚动的距离的问题

[落落叶叶无声]

body{
    height: 2000px;
}

获取窗口垂直方向滚动的大小的方法是 window.scrollY.
按我的理解，是不是 window.scrollY = body的高度 - body的bottom位置
也就是：window.scrollY = document.body.clientHeight - document.body.getBoundingClientRect().bottom
但是实际不是，window.scrollY总比右边的值多出20左右？这是什么原因呢？

[天际的海浪]

多出的20是body的 marginTop 和 marginBottom。

[落落叶叶无声]

引用 1 楼 天际的海浪 的回复:

多出的20是body的 marginTop 和 marginBottom。

嗯，是因为多出了marginTop。getBoundingClientRect 不包含外边距，所以应该跟marginBottom无关！