移动端返回顶部,再迅速滑动导致闪烁的BUG

发现,当使用window元素滚动的时候 (也就是 documnet.documentElement), 返回顶部之后,再迅速下拉滑动,会出现闪烁卡顿的情况。 暂停2秒左右,再滑动,则恢复。当然,前提是开启了touch滚动属性,也就是

-webkit-overflow-scrolling: touch;
 
具体原因不是很清楚,应该跟这个属性有关。抽空再研究看看吧。
 
另外,微信浏览器中,如果使用body滚动,则双击画面上方边缘,无法返回顶部。 如果通过window滚动则可以通过双击返回顶部。
posted @ 2020-03-11 00:10  前端小小菜  阅读(397)  评论(0编辑  收藏  举报