獲取瀏覽器滾動條高度

結論：1. 對有doctype申明的頁面，可以使用：document.documentElement.scrollTop;

　　　2. 沒有doctype申明的頁面使用：document.body.scrollTop;

　　　3.safari比較特殊，使用：window.pageYOffset;

所以兼容寫法為：

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset

 

的確，有些東西只看不寫，永遠記不下來：

 

screen對象（針對整個屏幕）

　　screen.width | height: 整個屏幕的寬度和高度；

　　screen.avaiWidth | avaiHeight: 整個屏幕的寬度和高度（減去整個任務欄的高度）；

 

window對象（針對瀏覽器）

　　window.outerWidth | outerHeight: 整個瀏覽器的寬度和高度（包括工具欄）；

　　window.innerWidth | innerHeight: 整個瀏覽器的寬度和高度（不包括工具欄，但包括滾動條）；

 

元素對象

　　element.clientWidth | clientHeight: 元素的寬度和高度（如果元素存在滾動條，則不包括滾動條寬高）；

　　element.offsetWidth | offsetHeight: 元素的寬度和高度（如果元素存在滾動條，包括滾動條的寬高）；

 

參考：https://blog.csdn.net/weixin_33904756/article/details/88030276