iPad 固定位置，带输入焦点

Posted 2023-03-12

【中文标题】iPad 固定位置，带输入焦点

【英文标题】：iPad fixed position with input focus

【发布时间】：2014-02-21 15:41:27

【问题描述】：

每当我将焦点放在固定容器（在本例中为工具栏）内的输入字段时，ipad 就会移除固定位置。现在我可以在该工具栏的上方和下方滚动，这是不可取的。

https://www.hypotheker.nl/#/afspraak-maken

我尝试了很多方法，例如将正文设置为固定位置，但这会将页面滚动到顶部。

有人有解决此问题的黄金解决方案吗？

【问题讨论】：

如果你不想让页面移动，你可以使用$(document).bind('touchmove', false);

【参考方案1】：

这是您问题的解决方案：https://***.com/a/20205857/3523645

基本上，这是触摸设备浏览器中的一个已知错误，解决方案是检测目标输入字段上的focus 事件，然后将fixed 元素的样式更改为position: absolute。

上述解决方案使用modernizr 的touch 属性，但请记住以下内容（取自modernizr 的文档）：

Modernizr.touch 测试仅指示浏览器是否支持触摸事件，这不一定反映触摸屏设备。