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

Posted aleafo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端返回顶部,再迅速滑动导致闪烁的BUG相关的知识,希望对你有一定的参考价值。

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

-webkit-overflow-scrolling: touch;
 
具体原因不是很清楚,应该跟这个属性有关。抽空再研究看看吧。
 
另外,微信浏览器中,如果使用body滚动,则双击画面上方边缘,无法返回顶部。 如果通过window滚动则可以通过双击返回顶部。

以上是关于移动端返回顶部,再迅速滑动导致闪烁的BUG的主要内容,如果未能解决你的问题,请参考以下文章

怎样用js写返回顶部的滑动效果

移动端fixed定位固定在底部 ios手机里为啥会遮住一半 滑动一下才显示全部 css

解决ios移动端,滑动回弹效果遮挡页面顶部和底部Fixed元素的问题

RecyclerView解决修改数据返回顶部的问题

仿苹果返回首页按钮(移动端div拖动 返回首页)

笔记-移动端滑动到底部自动加载下一页内容