iPad具有输入焦点的固定位置

Question

每当我将焦点放在固定容器（在此情况下为工具栏）内的输入字段时，ipad都会删除固定位置。 现在，我可以在该工具栏的上方和下方滚动，这是不希望的。

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

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

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

Answer 1

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

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

提到的解决方案使用了modernizr的touch属性，但请记住以下几点（摘自modernizr的文档）：

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