您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

iPad Safari滚动导致HTML元素消失并延迟出现

iPad Safari滚动导致HTML元素消失并延迟出现

@科林·威廉姆斯,谢谢!您的答案和您链接文章给了我引导,尝试使用CSS。

因此,我之前使用过translate3d。它产生了不良的结果。基本上,它将剔除屏幕上的元素,并且不进行渲染,直到我与它们进行交互为止。因此,基本上,从横向看,没有显示我的一半不在屏幕上的网站。这是一个iPad Web应用程序,由于我已修复。

将translate3d应用于相对定位的元素可以解决这些元素的问题,但是一旦离开屏幕,其他元素就会停止渲染。我无法与之交互的元素(图稿)将永远不会再次呈现,除非重新加载页面

完整的解决方案:

*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}

现在,尽管这可能不是最“有效”的解决方案,但它是唯一可行的解??决方案。使用时,Mobile Safari不会渲染屏幕外的元素,有时甚至无法正常渲染-webkit-overflow-scrolling: touch。除非将translate3d应用于由于该滚动而可能会在屏幕外显示的所有其他元素,否则这些元素将在滚动后被切掉。

因此,再次感谢,希望这对其他迷路者有所帮助。这无疑帮助了我很多时间!

其他 2022/1/1 18:13:44 有833人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶