页面顶部超出可视区域

document.querySelector('.page3').clientHeight
1068
document.querySelector('.page3').offsetHeight
1068
document.querySelector('.page3').scrollHeight
1068
document.querySelector('.page3').scrollTop
0
document.querySelector('.page3').offsetTop
0
document.querySelector('.page3').clientTop
0

我现在的.page3的顶部已经超出了浏览器顶部，为什么取不到它的具体位置值？
页面顶部如果和可视区域顶部对齐，那么offsetTop===0
页面顶部如果低于浏览器可视区域顶部，那么offsetTop>0
那么，页面顶部高于可视区域呢，负值怎么获取？