h5页面滑动过快时 页面内容会消失一下然后在显示出来 ios11问题?

发布于 2022-09-06 20:40:25 字数 41 浏览 35 评论 0

h5页面滑动过快时 页面内容会消失一下然后在显示出来 ios11问题

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(8

他夏了夏天 2022-09-13 20:40:25

遇到类似的问题了,我的已解决。
我问题出现的原因是滚动的内容中有元素使用了position: fixed定位样式。
个人猜测大致是ios对fixed支持不够好花费了大量的性能从而影响滚动的处理。

顾北清歌寒 2022-09-13 20:40:25

楼主您好 您的问题解决了吗?

顾冷 2022-09-13 20:40:25

找到解决的办法了不 我在app中webview内嵌H5页 iOS11 也有这问题 而且图片直接消失

八巷 2022-09-13 20:40:25

请问解决了吗,我也遇到这个问题了,一直找不到解决方案

机场等船 2022-09-13 20:40:25

想知道最后如何解决的

酒解孤独 2022-09-13 20:40:25

主要是因为你的父节点的 overflow:hidden 去掉父元素的 overflow:hidden 即可解决该问题
另外h5的滑动内容加入这个属性 滑动不卡顿,记得去掉 positon:abdolute;和 positon:relative;

 *{
  -webkit-overflow-scrolling: touch;
 } 

即可完美解决

以可爱出名 2022-09-13 20:40:25

华为Mate30上发现类似现象(滑动过程文本内容会偶尔消失),原因是自己实现的scrollbar采用了override:hidden, 经过@泰格先森的答案,尝试将override:hidden移除的确能解决以上问题。
除此之外,尝试关闭android Webview 硬件加速也能解决此问题(但是h5需要播放音频的话会需要开启硬件加速)。

梦途 2022-09-13 20:40:25

给fixed的元素添加overflow: scroll;就解决了
发现过了一会又不行了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文