js 吸顶以及一些获取文档高度等小方法

1.返回html文档元素
document.documentElement

2.文档的高度
document.body.clientHeight

3.html文档可视高度==页面可见区域的高度
document.documentElement.clientHeight

4.获取元素距离文档顶部的距离
document.querySelector(\'.a\').offsetTop

5.获取元素距离可视区域顶部的距离(测试有偏差)left,bottom,right,分别距离页面左边，下边，右边
document.querySelector(\'.a\').getBoundingClientRect().top

6.滚动条距离文档顶端的距离
document.documentElement.scrollTop

 这是吸底的，吸顶把判断条件改成：sh < 200   200就是滚动条滑动多少距离开始吸顶

(代码可复制直接看效果，因为谷歌每次滚动距离正负100，所以效果可能没那么好，如果有什么好方法，麻烦指教)

*{margin: 0;padding: 0}.con{width: 100px;height: 200px;border: 1px solid lime}.a{width: 100%;height: 100px;background: lime;}.scroll_avtive{position: fixed;left: 0;bottom: 0;}