iOS滚动有时会卡住

概述我在 iphone(iOS 9.2)的safari中遇到了一个奇怪的行为 如果您在桌面上看到此页面http://jsbin.com/vofubidaxe,则有3张熊猫图像,您可以滚动它 但是如果你在iphone safari上看到它,有时(不是所有时间)你都无法滚动它.滚动似乎卡住了(不确定卡住是否是描述行为的正确词) 在这里编辑http://jsbin.com/vofubidaxe/edit?h 我在 iphone(iOS 9.2)的safari中遇到了一个奇怪的行为

如果您在桌面上看到此页面http://jsbin.com/vofubidaxe,则有3张熊猫图像,您可以滚动它

但是如果你在iphone safari上看到它,有时(不是所有时间)你都无法滚动它.滚动似乎卡住了(不确定卡住是否是描述行为的正确词)

在这里编辑http://jsbin.com/vofubidaxe/edit?html,output

要点https://gist.github.com/anonymous/938fc5f84222d8ed06cdcb7f6092da8d

nav标签的位置为f​​ixed,如果删除,则滚动恢复正常.

很抱歉,如果这是Safari中的已知错误.怎么修好？

解决方法 添加位置：固定在元素上将其从文档DOM中删除 – 因此熊猫图像不会在实际文档上呈现.

它有时会“卡住”,因为可能是你触摸的泡泡到文档 – 所以轻d强制文档滚动而不是固定元素.

解决方案是删除相对元素并为固定的父元素赋予高度 – 如果你想要它的全高,尝试添加top：0; right：0; bottom：0; left：0然后溢出它.

然而,这将适用于iPhone,但会导致其他设备的问题 – 安卓,windows手机等因为溢出元素支持不佳.

总结

以上是内存溢出为你收集整理的iOS滚动有时会卡住全部内容，希望文章能够帮你解决iOS滚动有时会卡住所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。