前端 监听不同浏览器滚动条的位置

滚动条的位置

  // console.log('fei uc',document.documentElement.scrollTop) // 不是 UC 浏览器的滚动条监听
 // console.log('uc',document.body.scrollTop) // 是 UC 浏览器的滚动条监听

那是我刚毕业就接了个大项目说大不大就是五块钱的项目，结果他妈的折腾了我一天，最后还是解决了，当时写了个样式由滚动条的位置来控制，但是在非 UC浏览器里面是相当正常的，直接说是再正常不过了，但是到了 uc 浏览器里面就不行了，怎么搞怎么滑动滚动条都不会出现，这下我就纳闷了，我到底哪里出错了了，我就静下心来一研究。最开始我还是和原来一样，样式问题嘛就应该直接 f12 看源码到底是哪里的问题，在uc里面一看，我到 在那个要显示的元素上大大的写了 style=“display:none;” ！！！！，尼玛，这个UC那么牛逼吗？还自动添加这个样式，然后就是一波又一波的百度之，谷歌之！还是没解决，我就想那就用js来控制吧，然后就去找滚动条控制的那个玩意是怎么控制的（毕竟这不是我写的所以我也当时还有点懵），然后又是一波耗时的debug，最后发现在UC浏览器里面它不识别 “document.documentElement.scrollTop”,只识别"document.body.scrollTop",那既然找到这个问题当然就好弄啦！来看看修改前和修改后的代码吧！
修改前：

scrollHandle()