获取浏览器滚动条高度

结论：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