每当我将焦点放在固定容器内的输入字段(在本例中为工具栏)时,ipad将移除固定位置。现在我可以滚动工具栏的上方和下方,这是不可取的。
https://www.hypotheker.nl/#/afspraak-maken
我尝试了很多东西,例如将身体设置到固定位置,但这会将页面滚动到顶部。
有没有人有解决这个问题的黄金解决方案?
答案 0 :(得分:0)
以下是问题的解决方案:https://stackoverflow.com/a/20205857/3523645
基本上,它是触摸设备浏览器中的已知错误,解决方案是检测目标输入字段上的focus
事件,并在此时将fixed
元素的样式更改为{{ 1}}。
上述解决方案使用modernizr的position: absolute
属性,但请记住以下内容(摘自modernizr的文档):
touch
测试仅指示浏览器是否支持触摸事件,这不一定反映触摸屏设备。