scrollTop也会有不生效的时候

455 阅读1分钟

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

正常情况上是这种效果的


在egde上却是



一脸黑人问号............

经过排查原来是scrollTop在egde上一直为0,其他浏览器上就正常,不过新出的带谷歌内核的egde也不会出现这个问题,微信在pc上的浏览器也会有这个问题scrollTop一直为0。

解决方案:用getBoundingClientRect获取元素上边到视窗上边的距离就可以解决上面的问题了,不过getBoundingClientRect有兼容性问题不知道大家有没有其他好的建议,欢迎留言探讨

还可以用window.scrollY代替scrollTop