iPad固定位置,带输入焦点

时间:2014-02-21 15:41:27

标签: html ios css ipad css-position

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

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

我尝试了很多东西,例如将身体设置到固定位置,但这会将页面滚动到顶部。

有没有人有解决这个问题的黄金解决方案?

1 个答案:

答案 0 :(得分:0)

以下是问题的解决方案:https://stackoverflow.com/a/20205857/3523645

基本上,它是触摸设备浏览器中的已知错误,解决方案是检测目标输入字段上的focus事件,并在此时将fixed元素的样式更改为{{ 1}}。

上述解决方案使用modernizrposition: absolute属性,但请记住以下内容(摘自modernizr的文档):

  

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