某天产品来跟我说有个吸顶的东西没变化在edge上,吓得我马上跑去看看,还真是的,然后我又对比了一下ie11,在ie11上没问题,心里想着,微软这不是坑我嘛
正常情况上是这种效果的

在egde上却是


一脸黑人问号............
经过排查原来是scrollTop在egde上一直为0,其他浏览器上就正常,不过新出的带谷歌内核的egde也不会出现这个问题,微信在pc上的浏览器也会有这个问题scrollTop一直为0。
解决方案:用getBoundingClientRect获取元素上边到视窗上边的距离就可以解决上面的问题了,不过getBoundingClientRect有兼容性问题不知道大家有没有其他好的建议,欢迎留言探讨
还可以用window.scrollY代替scrollTop