我在iphone（iOS 9.2）上的safari中遇到了一个奇怪的行为
如果您在桌面上看到此页面http://jsbin.com/vofubidaxe，则有3张熊猫图片，您可以将其滚动
但如果你在iphone safari上看到它，有时（并非所有时间）你都无法滚动它。滚动似乎卡住了（不确定卡住是否是描述行为的正确词语）
在这里编辑http://jsbin.com/vofubidaxe/edit?html,css,output
要点https://gist.github.com/anonymous/938fc5f84222d8ed06cdcb7f6092da8d
导航代码有position: fixed，如果删除，则滚动恢复正常。
很抱歉，如果这是safari中的已知错误。如何解决？
答案 0 :(得分：0)
在元素上添加position:fixed会将其从文档DOM中删除 - 因此熊猫图像不会在实际文档上呈现。
它有时会被卡住＆＃39;因为可能是你触摸到的泡泡到文档 - 所以轻弹强制文档滚动而不是固定元素。
解决方案是删除相对元素并为固定的父元素赋予高度 - 如果您想要它的全高，请尝试添加top:0;right:0;bottom:0;left:0然后溢出它。
但是，这可以在iphone上运行，但会因为溢出元素支持不佳而导致其他设备出现问题 - 安卓，Windows手机等。
答案 1 :(得分：0)
使用它肯定会起作用。在您的父标签中添加样式
style =“ display：block; overflow-y：scroll; -webkit-overflow-scrolling：touch;”
overflow-y：滚动；
-webkit-overflow-scrolling：触摸；