html – 在iOS Safari中输入焦点后不可滚动的模态(固定元素)

概述我花了大约8个小时现在尝试解决这个问题,任何帮助表示赞赏！ 如何重现： >打开一个高于窗口高度的模态(在iPhone中) >聚焦输入字段 >按iOS键盘中的“完成” 您无法再滚动到模态的底部 jsbin： https://jsbin.com/hagiyojufu (https://jsbin.com/hagiyojufu/1/edit?html,css,js,output) 添加此css代码： h 我花了大约8个小时现在尝试解决这个问题,任何帮助表示赞赏！

如何重现：

>打开一个高于窗口高度的模态(在iPhone中)
>聚焦输入字段
>按iOS键盘中的“完成”

您无法再滚动到模态的底部

Jsbin：
https://jsbin.com/hagiyojufu
(https://jsbin.com/hagiyojufu/1/edit?html,output)

解决方法 添加此CSS代码：

HTML,body { overflow-y: scroll; /* has to be scroll,not auto */  -webkit-overflow-scrolling: touch;}

总结

以上是内存溢出为你收集整理的html – 在iOS Safari中输入焦点后不可滚动的模态(固定元素)全部内容，希望文章能够帮你解决html – 在iOS Safari中输入焦点后不可滚动的模态(固定元素)所遇到的程序开发问题。

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