>[info] 相關文章
* [HTML元素的height、offsetHeight、clientHeight、scrollTop等梳理](https://segmentfault.com/a/1190000037426695);
* [Javascript零碎之各種寬高屬性及應用](https://segmentfault.com/a/1190000019608199) ;
* [JS獲取屏幕、瀏覽器、頁面的寬度和高度](https://segmentfault.com/a/1190000010443608);
* [# 兩張圖詳解解元素位置寬度的屬性（offsetHeight/ClientHeight/ScrollHeight/getBoundingClientRect）](https://cloud.tencent.com/developer/article/1499096)
>[info] 頁面文檔滾動條高度
```
const sTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
```
或者
```
const sTop = document.scrollingElement.scrollTop;
```
**說明:**
* html文檔在有DOCTYPE申明的時候document.body.scrollTop = 0；
沒有DOCTYPE申明的時候，document.documentElement.scrollTop = 0
